DropDownList and DropDownTree focus issues - Githubissues

telerik / kendo-react

Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/

https://kendo-react-teal.vercel.app

Other

212 stars 36 forks source link

DropDownList and DropDownTree focus issues #867

Open silviyaboteva opened 3 years ago

silviyaboteva commented 3 years ago

I'm submitting a...

Bug report

Current behavior

DropDownList component loses focus background on the selected item.
DropDownTree component always focuses on the first item.

Expected behavior

For reference, the ComboBox component works as expected.
DropDownTree to set focus state on the currently selected item.

Minimal reproduction of the problem with instructions

DropDownList issue
- Go to https://www.telerik.com/kendo-react-ui-develop/components/dropdowns/.
- Open the DropDownList and select some value.
- Open the popup again.
- Expected the selected item to be focused too (i.e. with box-shadow applied in the Default and Bootstrap themes or grey background applied in the Material theme)
DropDownTree issue
- Go to https://www.telerik.com/kendo-angular-ui-develop/components/dropdowns/dropdowntree/data-binding/.
- Select any item instead of the first one (either parent or child)
- Open the popup again.
- Expected the selected item to be focused too (i.e. with box-shadow applied in the Default and Bootstrap themes or grey background applied in the Material theme)

What is the motivation or use case for changing the behavior?

For consistency.

kdikov82 commented 1 year ago

The issue with the DropDownTree is still valid, but for the DropDownList it is debatable if we need the focused state too, because in the DropDownList the selected item is always the focused one (the keyboard navigation starts from the selected item when opened again). Nevertheless, maybe for visual consistency we need to add the focused state as well, regardless of the fact that there is no focused state without selection in the DropDownList.