TreeSelect aria attributes refer to non-existent ID #6858
Description
- I have searched the issues of this repository and believe that this is not a duplicate.
Version
4.0.0-rc.6
Environment
Chrome Version 115.0.5790.171
Reproduction link
https://antdv.com/components/tree-select
Steps to reproduce
Just use the TreeSelect component.
You'll see that the input[type=search] element that it creates has "aria-owns" and "aria-controls" attributes with the value set to the ID of the component followed by "_list". For example, the first TreeSelect in the Ant Design documentation has those aria attributes set to "rc_select_1_list".
What is expected?
There should be an element with the ID referred to by the aria attributes value. For example, in the Ant Design documentation, the element containing the list created by that first TreeSelect component should have the ID "rc_select_1_list".
What is actually happening?
The element created for the list associated with the TreeSelect does not have an ID.
Accessibility validators give an error because the aria attributes refer to a non-existant ID.
The reproduction link is just a link to the TreeSelect documentation, because it's such a simple thing to test and see. The CodeSandbox you request us to fork is set to a very old version of Ant Design Vue. As soon as you try to use a recent version, it starts giving errors. I don't have time to debug that.