The existing EuiSuggest has quite a few a11y shortcomings (see #2404 for the original remediation plan).
Instead of effectively rewriting it from scratch, it should use EuiSelectable to inherit all the a11y work that went into it and to consolidate implementations of similar components.
On top of EuiSelectable, EuiSuggest largely provides:
- An opinionated rendering of individual items
- Some more states of the search field
I think the EUI team prefers to keep the EuiSuggest component and to wrap EuiSelectable within it but another implementation option is to add a "renderAs" prop (or something along those lines) to EuiSelectable to adjust styling.
The existing EuiSuggest has quite a few a11y shortcomings (see #2404 for the original remediation plan).
Instead of effectively rewriting it from scratch, it should use EuiSelectable to inherit all the a11y work that went into it and to consolidate implementations of similar components.
On top of EuiSelectable, EuiSuggest largely provides:
I think the EUI team prefers to keep the EuiSuggest component and to wrap EuiSelectable within it but another implementation option is to add a "renderAs" prop (or something along those lines) to EuiSelectable to adjust styling.