Comments (7)
I think activedescendant
should be relatively easy to add since we have highlightedIndex
. I did some of this work in react-aria. I'll try and get it done tomorrow 😁
from downshift.
Progress update: We've added a getLabelProps
to encourage people to use a label which will have the proper for
prop and an id
prop for the input. 👍
I'll be working on the false "no results" status message. Thanks!
from downshift.
Note: I wanted to test it on mobile, too, but I can't get codesandbox.io to work on a small screen!
from downshift.
Wow @marcysutton, this is super nice of you to take time out of your busy schedule to help make this accessible! Thank you very much!
On mobile you might try this URL: https://codesandbox.io/embed/9rWEmzEv8?hidenavigation=1&view=preview
You could also download the example:
Then cd into the directory and run npm install && npm start
. That'll pull it up locally so you can test it in JAWS (which would be super awesome of you too).
Thank you again. We'll make sure to address these things before we release 1.0.0 🎉
from downshift.
@souporserious, will you get a chance to work on activedescendant
? That's the last thing we have left for a11y (for now)! 🎉
from downshift.
On it today 👍
from downshift.
Thanks to @souporserious we're done with the specific feedback. Thank you so much @marcysutton! We'll keep an eye on opportunities to improve accessibility of this project 😄
from downshift.
Related Issues (20)
- Is it possible to use JS to set the value of a React + downshift autocomplete dropdown? HOT 1
- Errors in `typings/index.d.ts`
- Select / highlight first item, that is not disabled when using arrow keys to open the menu
- Screen readers read out object code when using useMultipleSelection hook HOT 1
- useCombobox focus-ring during keyboard navigation HOT 3
- aria-selected returned as string instead of boolean
- `onSelectedItemChange` triggers multiple times when `onMouseMove` and `onClick` happens in the same frame
- CodeSandbox examples broken, and workaround also broken HOT 2
- Disabled items are highlighted and are selectable by pressing enter after input value change HOT 4
- Dropdown items are not selectable on mobile devices when rendering to a portal element HOT 2
- Pressing shift + tab selects highlighted item HOT 2
- setActiveIndex seems like not working in new Next.js v15 and React 19
- Request: Update/Remove `prop-types` Usage
- Combobox is not reading the items in JAWS HOT 1
- Incorrect use of <label for=FORM_ELEMENT> HOT 7
- Type for `item` property to `useCombobox` too strict HOT 1
- Document Types for Passing Getter-Props Down to Other Components
- closeMenu for useSelect not working as expected HOT 3
- [useMultipleSelection] Backspace/Delete on selected items does not progress focus on tags correctly
- [useMultipleSelection] getDropdownProps doesn't call consumer supplied handlers when preventKeyAction is true
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from downshift.