label-has-for: nesting without `for`

[vhoyer]

<label class="career-why__dropdown-label">
  <select
    v-model="selectedState"
    class="career-why__region-dropdown"
  >
    <option
      v-for="(acronym, state) in states"
      :key="acronym"
      :value="acronym"
    >
      {{ state }}
    </option>
  </select>
</label>

This fails lint, but it is a valid accessible label/select, or am I mistaken?

[kddnewton]

What's your configuration for the label-has-for rule? By default this rule requires both nesting and for, but you can optionally configure it to only require one.

[vhoyer]

Oh, I see, that's why the required is there, sorry for not reading the doc properly, I just extended the recommended 😅

[kddnewton]

No worries, thanks for using the plugin!

…

On Mon, Aug 17, 2020 at 8:50 AM Vinícius Hoyer ***@***.***> wrote: Closed #39 <#39>. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#39 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABG3P3SVUMNXGRE7ZWI45YDSBERP7ANCNFSM4P76QPRA> .

-- *Kevin D. Deisz* Staff Production Engineer Shopify <https://www.shopify.com/>

[vhoyer]

thanks for using the plugin

thank you for maintaining this, for a moment there I thought I would need to revamp the https://github.com/maranran/eslint-plugin-vue-a11y myself 😅 thanks a lot.

Also, sorry for keep posting here, I know it's kinda of a useless notification there, but nonetheless I though it was important to say at least thanks 😄