question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Items in 'Birth year' <select> drop-down are not visible

See original GitHub issue

Observed 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.

select

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:closed
  • Created 4 years ago
  • Comments:6 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
indirectlylitcommented, Dec 2, 2019

Updated to remove references to z-order.

cc @jtamiace this relates to having a select box at the bottom of a scrolling window 😦

0reactions
jonboisercommented, Jan 14, 2020

This issue should be fixed for the other User Profile forms in #6431

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found