tillprochaska / accessible-select Goto Github PK
View Code? Open in Web Editor NEW[WIP] An accessible, small and simple select component built on top of the Custom Elements and Shadow DOM standards.
License: MIT License
accessible-select's People
Contributors
Watchers
accessible-select's Issues
Set max height to contain exactly five options
Option is not highlighted if pointer is already inside it
If another option is highlighted, e. g. by keyboard control, and the pointer is moved inside of an option, it won’t be highlighted. Use mousemove event instead of mouseover and make sure the highlight event is still only fired once.
Fire `change` event
In tests, use expect syntax instead of should
Support typeahead if closed
Prevent scrolling when highlighting option partially in view
Highlighted options are not announced by screen readers
Cmd + arrow up/down should highlight first/last option
Add support for option groups
Select should stay focussed after pressing escape
Selected option and number of options is not correctly announced
Set width automatically depeding on options width
Multiselect
Make option list scrollable
- Selects with many options should have a maximum height.
- Highlighting an option should scroll it into view.
Use `scrollIntoView()` instead of custom implementation?
Refactoring
- Selecting/Highlighting an option should be handled from within
A11ySelectOptionelements - Make sure to keep event listeners simple
- Check which methods should actually be part of the public API
Highlight next option instead of first option that matches on keypress
Add disabled state
Listen to space, enter key events in `select-option` instead of `select`
Add support for a default value/placeholder label
Pressing any key should highlight the first option starting with that character
- Pressing any key should highlight the first option that starts with that key.
- Pressing multiple key successively should highlight the first option that starts with the given key sequence.
- If not matching option is found, nothing happens.
Pressing enter should open a closed select
Set icon as background image via svg data uri
Add support for disabled options
Space selects option, but does not close select
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.