Focus on <label> when <input> gets the focus

This commit is contained in:
Sergio Crisostomo 2018-01-18 22:03:53 +01:00
parent 98252a9e15
commit ea49834da9

View file

@ -8,22 +8,26 @@
<input
v-if="group"
type="checkbox"
tabindex="-1"
tabindex="-1"
:class="inputClasses"
:disabled="disabled"
:value="label"
v-model="model"
:name="name"
@change="change">
@change="change"
@focus="$el.focus()"
>
<input
v-if="!group"
type="checkbox"
tabindex="-1"
tabindex="-1"
:class="inputClasses"
:disabled="disabled"
:checked="currentValue"
:name="name"
@change="change">
@change="change"
@focus="$el.focus()"
>
</span>
<slot><span v-if="showSlot">{{ label }}</span></slot>
</label>
@ -120,7 +124,6 @@
},
methods: {
change (event) {
console.log(event);
if (this.disabled) {
return false;
}