Comments (1)
We had initially planned to include a completionMode
props that would implement the aria-autocomplete="both"
pattern described below:
The aria-autocomplete property describes the type of autocompletion interaction model a textbox, searchbox, or combobox will use when dynamically helping users complete text input. It distinguishes between two models: the inline model (aria-autocomplete="inline"), which presents a single predicted value and the list model (aria-autocomplete="list"), which presents a collection of possible values in a separate element that pops up next to or below the text input, similar to a . A third value, aria-autocomplete="both" is for when the interface will present a list while also including a predicted value. The default is none, meaning the textbox, searchbox, or combobox will not provide an auto complete value.
We ran into some issues with screen readers, but we plan to revisit this.
I think adding an option to auto-focus the first element is another option to potentially explore.
from react-spectrum.
Related Issues (20)
- iOS keyboard overlaps with inputs when using useModalOverlay hook. HOT 1
- export internal types such as StyleRenderProps, ScrollableProps, etc
- When multiple slider thumbs are visually collapsed, the thumb with the highest index captures all pointer interaction. HOT 7
- The instructions for client side routing for Tantsack Router doesn't work. HOT 2
- "milliseconds" granularity for TimeField
- [RAC] inputRef is undefined in Textfield HOT 1
- [Bug] `<SearchField />` trigger `onSubmit` when pressing Enter is used for completing IME
- Section does not apply aria label HOT 1
- ComboBox Popover doesn't update if Input position changes HOT 1
- Positioning popovers relative to a virtual element (support right-click context menus) HOT 2
- Undefined unavailableDate crash in DateRangePicker when using SSR optimized localized strings
- MacOS - Safari - Show scroll bars always - Word wrap HOT 1
- Incorrect popover placement when using css `zoom` on `body`
- useSelect example typescript support HOT 1
- 'TextField' focus does not change border color (TW starter kit) HOT 1
- mpg to mp4 HOT 1
- [TreeView] Expose TreeState to TreeItem?
- React 19 support HOT 1
- MenuItem issue when target="_blank" is used HOT 1
- Warning: React does not recognize the `allowFocusWhenDisabled` prop on a DOM element.
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 react-spectrum.