Consider clearing the selection of the IgxCombo using only the keyboard

[jackofdiamond5]

Is your feature request related to a problem? Please describe.

At the moment, we do not have a mechanism for clearing the IgxCombo's selection through the keyboard. This is because there are two inputs in the component, one of which allows filtering and is editable and the other is only a container for already selected values, it is not editable. By default, once the dropdown is closed with ArrowUp, the readonly input receives focus and at that point it is not possible to clear all of the values that have been selected. Attempting TAB navigation will move the focus to the next focusable element on the page, i.e. we cannot use that to target the clear icon and focus it as it is not focusable. As is if you're only using a keyboard, through the component, you can only deselect items while navigating the dropdown menu and manually deselecting each item.

Describe the solution you'd like

A mechanism that allows for all items to be deselected simultaneously. This could include making the clear icon focusable or coming up with a keyboard combination that clears the combo, the latter should only work when the readonly input has the focus.

Describe alternatives you've considered

A possible alternative for developers is to create a separate element on the page, such as a button and call the combo.deselectAllItems method in its click handler. This, however, is not ideal since it introduces a possibly redundant element on the page for a functionality that the combo should provide out of the box.

[github-actions[bot]]

There has been no recent activity and this issue has been marked inactive.

[github-actions[bot]]

There has been no recent activity and this issue has been marked inactive.

[github-actions[bot]]

There has been no recent activity and this issue has been marked inactive.

[github-actions[bot]]

There has been no recent activity and this issue has been marked inactive.