False Negative with Textarea

[KevinHerklotz]

In my React component I have the following textarea with a label surrounding it:

<label htmlFor="myTextarea">My Textarea:
    <textarea name="myTextarea" id="myTextarea" />
</label>

I am using airbnb rules which are:

'jsx-a11y/label-has-for': ['error', {
      components: [],
      required: {
          every: ['nesting', 'id'],
      },
      allowChildren: false,
  }],

I'm getting the following error:

Form label must have ALL of the following types of associated control: nesting, id

... but I'm expecting no error.

I'm using eslint-plugin-jsx-a11y version 6.1.1 and eslint version 5.3.0

[ljharb]

This is definitely a bug.

[rpellerin]

Experiencing this as well for a nested

[ljharb]

@rpellerin if you’re using airbnb’s config, you also need to link them with for/id. If not. Please file a new issue.

[rijulg]

@ljharb When can we start using this fix? I believe it's not there in 6.1.1 and there's no later version available on npm

[ljharb]

@rijulg try v6.1.2