New to KendoReactLearn about KendoReact Free.

Disabled DropDownList Items

Some specific scenarios require the control over the enabled/disabled state of the different DropDownList items. Once an item is disabled it cannot be selected as a value for the component but based on the accessibility requirements of your application it could be focusable or not focusable, when navigating the different items using a keyboard.

The skipDisabledItems property of the DropDownList controls how the disabled items will be handled in a keyboard navigation scenarios. In this article you can see how the component behaves in the following scenarios:

Disabled Items Without Keyboard Focusing

The following demo showcases disabled items that cannot not be focused.

Change Theme
Theme
Loading ...

Disabled Items With Keyboard Focusing

The following demo showcases disabled items that cannot not be focused using the mouse but can be focused using the keyboard, selecting such item will not change the value of the DropDownList.

Change Theme
Theme
Loading ...

Disabled Items Without Keyboard Focusing + Grouping

The following demo displays how you can combine grouping with disabled items that cannot not be focused.

Change Theme
Theme
Loading ...

Disabled Items With Keyboard Focusing + Grouping

The following demo displays how you can combine grouping with disabled items that cannot not be focused using the mouse but can be focused using the keyboard, selecting such item will not change the value of the DropDownList.

Change Theme
Theme
Loading ...