I have a DropDownList inside a label for implicit association:
<label> <DropDownList data={['alpha', 'bravo', 'charlie']} /></label>
This all renders correctly at an initial glance. However, when I click on the DropDownList to select an option, I get an empty animation container with no items, though the container is sized for them if they were there. The container disappears promptly thereafter. If I click the label, the list appears correctly; if I double-click the DropDownList, it also appears correctly. Is there anything I can do to make this work more naturally? I would log this in your issue tracker, but I do not have access to github.
2 Answers, 1 is accepted
Rank 1
I should perhaps also note that I am using @progress/kendo-react-(dropdowns|intl) v2.9.1, react[-dom] v16.8.6, and IE 11.
Furthermore, this behavior is also exhibited in the MultiSelect control, but not in the AutoComplete and ComboBox controls. Finally, all of the controls behave as expected when using keyboard input; clicking the dropdown list in the MultiSelect or DropDownList, when either is in a label, appears to be the essential issue.
Thank you for the report.
I can confirm that this is indeed an issue with the current version of the DropDownList and the MultiSelect when used in IE 11.
If GitHub is not accessible, please have in mind that we have an internal portal which we are syncing with GitHub:
https://feedback.telerik.com/kendo-react-ui/1405709-dropdownlist-and-mulstiselect-do-not-open-on-click-ie-11
I have also updated your Telerik points for bringing this to our attention.
Regards,
Stefan
Progress Telerik