react-autosuggest icon indicating copy to clipboard operation
react-autosuggest copied to clipboard

Published 20 hours ago • verified publisher icon moroshko

Accessibility - Is there any way to to navigate using keys (keyboard)

Open convpal opened this issue 3 years ago • 3 comments

I want a user to be able to show more content on the autosuggest dropdown just like Amazon's search bar, and I am able to show more content on the search bar, but unable to give more ability in terms of accessibility like on amazon's search bar.

Amazon sample: Screen Recording 2021-10-11 at 8 24 26 AM

Application search bar:

image

Is there a way to achieve this effect? Any workarounds you can think off?

convpal avatar Oct 11 '21 03:10 convpal

Hi Team, any update for me

convpal avatar Oct 19 '21 06:10 convpal

This works on the CDN example in https://react-autosuggest.js.org/, but the library does not. This is a requirement of the web now. Please get this fixed. From what it looks like, this may be an issue when shifting focus from the input itself. When doing so, the drop down closes.

In the meantime, do you have any work arounds or pointers on how to implement this?

KyleWiteck avatar Dec 16 '21 15:12 KyleWiteck

The examples appear to be using an older version of react-autosuggest. The latest 9.x version (9.4.3) seems to work.

willbutler avatar Jan 08 '22 00:01 willbutler