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 Without Keyboard Focusing

Example
View Source
Change Theme:

Disabled Items With Keyboard Focusing

Example
View Source
Change Theme:

Disabled Items Without Keyboard Focusing + Grouping

Example
View Source
Change Theme:

Disabled Items With Keyboard Focusing + Grouping

Example
View Source
Change Theme: