[web] Present a numeric keypad for integer input fields

This commit is contained in:
Alain Nussbaumer
2024-04-15 22:50:11 +02:00
parent a2dd2251c9
commit 1ccc97d824
5 changed files with 10 additions and 14 deletions

View File

@@ -78,7 +78,7 @@ export default {
show() {
if (this.show) {
this.loading = false
// We need to delay setting the focus to the input field until the field is part of the dom and visible
// Delay setting the focus on the input field until it is part of the DOM and visible
setTimeout(() => {
this.$refs.url_field.focus()
}, 10)

View File

@@ -85,7 +85,7 @@ export default {
show() {
if (this.show) {
this.loading = false
// We need to delay setting the focus to the input field until the field is part of the dom and visible
// Delay setting the focus on the input field until it is part of the DOM and visible
setTimeout(() => {
this.$refs.url_field.focus()
}, 10)

View File

@@ -80,8 +80,7 @@ export default {
show() {
if (this.show) {
this.loading = false
// We need to delay setting the focus to the input field until the field is part of the dom and visible
// Delay setting the focus on the input field until it is part of the DOM and visible
setTimeout(() => {
this.$refs.playlist_name_field.focus()
}, 10)

View File

@@ -14,7 +14,7 @@
ref="pin_field"
v-model="pairing_req.pin"
class="input"
type="text"
inputmode="numeric"
pattern="[\d]{4}"
:placeholder="$t('dialog.remote-pairing.pairing-code')"
/>
@@ -76,8 +76,7 @@ export default {
show() {
if (this.show) {
this.loading = false
// We need to delay setting the focus to the input field until the field is part of the dom and visible
// Delay setting the focus on the input field until it is part of the DOM and visible
setTimeout(() => {
this.$refs.pin_field.focus()
}, 10)