label-has-associated-control regression

[EvgenyOrekhov]

Looks like controlComponents option is no longer respected.

The following code now gives A form label must be associated with a control warning:

/* eslint
  "jsx-a11y/label-has-associated-control": [
    "error", { "controlComponents": ["InputComponent"] },
  ],
*/

function MyComponent() {
  return (
    <label>
      My label
      <InputComponent />
    </label>
  );
}

Started happening after upgrade from 6.7.1 to 6.8.0.

[lb-]

I have been unable to reproduce this issue, testing against the latest released version 6.10.1 (example code below).

It's possible this was fixed by a08fbcc / #1004

Nonetheless, I might put up a PR that adds extra test coverage for this area for non-nested usage.

Example

See https://stackblitz.com/edit/vitejs-vite-vriesx?file=src%2Fcomponent.tsx

/* eslint
  "jsx-a11y/label-has-associated-control": [
    "error", { "controlComponents": ["InputComponent"] },
  ],
*/

const InputComponents = () => <input />;

function MyComponent() {
  return (
    <label>
      My label
      <InputComponents />
    </label>
  );
}

export default MyComponent;