[R20-2035] add basic keyboard/search support to dropdowns - Githubissues

dpc-sdp / ripple-framework

Ripple is the presentation layer for building websites on the DPC Single Digital Presence platform.

Apache License 2.0

18 stars 13 forks source link

[R20-2035] add basic keyboard/search support to dropdowns #1215

Closed lambry closed 1 month ago

lambry commented 1 month ago

Issue: https://digital-vic.atlassian.net/browse/R20-2035

What I did

Add basic keyboard/search support to dropdowns, this mimics native behavior. i.e.
- Using a single key cycles through options, so hitting "a" multiple times (with delay) will cycle through all options starting with "A"
- Quickly typing multiple characters will jump to any matching options, for example typing "avo" will jump to "Avocado"

keyboard-nav

Checklist

For all PR's

[ ] I've added relevant changes to the project Readme if needed.
[ ] I've updated the documentation site as needed.
[x] I have added cypress tests to cover my changes (if not applicable, please state why in a comment)

For new components only

[ ] I have added a story covering all variants
[ ] I have checked a11y tab in storybook passes
[ ] Any events are emitted on the event bus

netlify[bot] commented 1 month ago

Deploy Preview for ripple-docs canceled.

Name	Link
Latest commit	24cc4fdc310f70d42877d358496e1828ba54213f
Latest deploy log	https://app.netlify.com/sites/ripple-docs/deploys/66679024ec82e8000875fe36

cypress[bot] commented 1 month ago

Passing run #1886 ↗︎

0

162

0

0

0

Details:

feat(@dpc-sdp/ripple-ui-forms): add basic keyboard/search support to dropdowns
Project: ripple-framework	Commit: `24cc4fdc31`
Status: Passed	Duration: 06:40 💡
Started: Jun 10, 2024 11:42 PM	Ended: Jun 10, 2024 11:49 PM

Review all test suite changes for PR #1215 ↗︎