Items in 'Birth year' <select> drop-down are not visible
See original GitHub issueObserved behavior
Issue is problematic when creating account and navigating by keyboard in Firefox, as many options in the drop-down are hidden inside the container, and the user is unable to see where the current focus is.
On Chrome the issue is not extant, as the <select>
options in focus always seem to be visible, even though it remains inside the container, and partially occluded.
Expected behavior
Sighted keyboard user must see which year in the drop-down is currently in the focus.
User-facing consequences
Inability to provide demographic data.
Steps to reproduce
Try to select the year navigating by keyboard.
Context
• Kolibri version: kolibri_0.13.0b3-0ubuntu1 • Operating system: Ubuntu 16.04 • Browser: Firefox 70, but not Chrome
Issue Analytics
- State:
- Created 4 years ago
- Comments:6 (6 by maintainers)
Top Results From Across the Web
Dropdown option getting selected when it should not
The default selected values of Year/Month/Day is always 1970/01/01 even if I hard code selected on other options. For example <option value="" ...
Read more >How can I select the drop down date section using selenium
First thing that you need to do is find the ID for the dropdown box you are going to test. There is a...
Read more >Select item activity is not showing drop down list?
By using select item activity i am unable to get the drop down list. ... try click on the arrow icon and click...
Read more >The problem with dropdown fields (and what you should use ...
In this article, I'm going to talk about the advantages and disadvantages of using dropdowns, show you how to pick a better input...
Read more >Why Drop Downs are Bad for Online Forms - Zuko Analytics
Take this drop down, asking for date of birth year: The list of available options are not visible in a single view, leading...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Updated to remove references to z-order.
cc @jtamiace this relates to having a select box at the bottom of a scrolling window 😦
This issue should be fixed for the other User Profile forms in #6431