Disabled AutoComplete Items
Some specific scenarios require the control over the enabled/disabled state of the different AutoComplete 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 AutoComplete 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 that are not focused when working with the keyboard
- Disabled items that are focused when working with the keyboard
- Grouped data that contains disabled items that are not focused when working with the keyboard
- Grouped data that contains disabled items that are focused when working with the keyboard
Disabled Items Without Keyboard Focusing
The following demo showcases disabled items that cannot not be focused.
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 AutoComplete.
Disabled Items Without Keyboard Focusing + Grouping
The following demo displays how you can combine grouping with disabled items that cannot not be focused.
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 AutoComplete.