Component: multiselect and dropdown

[FelixTwoli]

Describe the bug

Incorrect use of
The label's for attribute does not match any element id, leading to an error in the browser console. This could impact form autofill and accessibility tools.

Environment

Development, staging, and production environments

Reproducer

No response

Angular version

17.3.1

PrimeNG version

17.10.0

Build / Runtime

Angular CLI App

Language

ALL

Node version (for AoT issues node --version)

v20.11.0

Browser(s)

No response

Steps to reproduce the behavior

1. Use the dropdown or multi-select component in the PrimeNG UI library.
2. Specify a <label> with a for attribute that does not correspond to any form field id.
3. Observe the browser console for the error message mentioned.

Expected behavior

The for attribute of the label should reference the correct id of the associated form field for proper functionality and accessibility.

[mertsincan]

Hi,

So sorry for the delayed response! Improvements have been made to many components recently, both in terms of performance and enhancement. Therefore, this improvement may have been developed in another issue ticket without realizing it. You can check this in the documentation. If there is no improvement on this, can you open a new issue so we can include it in our roadmap?

Thanks a lot for your understanding!
Best Regards,