New issue
Advanced search Search tips

Issue 808109 link

Starred by 1 user
Status: Archived
Owner: ----
Closed: Sep 13
Cc:
susan.boorgula@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Bug



Sign in to add a comment

Can't type in a focused <select> to highlight an option whose value is one character repeated n times

Reported by ryanw...@gmail.com, Feb 1 2018 
UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36

Steps to reproduce the problem:
1. Go to https://jsfiddle.net/xaezhb8p/1/
2. Focus the text input, then tab to the select and hit '1' twice

What is the expected behavior?
I would expect '11' to be the selected option.

What went wrong?
'10' is selected instead

Did this work before? N/A 

Chrome version: 63.0.3239.132  Channel: n/a
OS Version: 10.0
Flash Version: 

May be related to Issue 428716, but I couldn't tell exactly what that submission was reporting.

This appears to be caused by the behavior that allows you to toggle through all options that start with a given character by repeatedly pressing that character. However, it is quite irritating when I am trying to enter '11' as a value in a month dropdown. This may seem like a fairly minor complaint, but it has become a significant factor in my company's choice between using a text input and a select in certain cases, since many of our end users are power users who will want to tab to the field and type in the expire month, rather than moving to the mouse to use the dropdown.

Comment 1 by ryanw...@gmail.com, Feb 1 2018 

As a point of reference, Internet Explorer 11, for once in it's sorry life, exhibits what I would consider to be correct behavior. So long as the entered string of repeated characters is still a prefix of any option in the select, that option should be highlighted. Once the string is no longer a prefix, continuing to enter that character begins to toggle between all the options that begin with that character.

As demonstrated here: https://jsfiddle.net/awf6ey8n/3/

If you enter 'AA', I would expect 'Aardvark' to be the selected option, since that is the only option prefixed with 'AA'. Then, once 'AAA' is entered, no options remain that contain that as a prefix, so the select should begin toggling between all options that start with 'A'. This is the behavior IE exhibits. Chrome just toggles once for each time 'A' is entered, so 'AA' jumps to 'Alabaster', and 'AAA' jumps to 'Alacrity'

Comment 2 by krajshree@chromium.org, Feb 4 2018

Labels: Needs-Triage-M63

Comment 3 by susan.boorgula@chromium.org, Feb 15 2018

Cc: susan.boorgula@chromium.org
Labels: Triaged-ET M-66 FoundIn-66 Target-66 OS-Linux OS-Mac
Status: Untriaged (was: Unconfirmed)
ryanwawr@ Thanks for the issue.

Tested this issue Windows 10, Ubuntu 14.04 and Mac OS 10.12.6 on the latest Canary 66.0.3347.0 and Stable 64.0.3282.168 and able to reproduce the issue by following the steps mentioned in the original comment.

On navigating to the given JSFiddle link -> clicking on the text box -> Hit '1' twice, can observe that 10 is getting selected.
Same with the fiddle given in comment #1, on hitting 'AA', can see that 'Alabaster' gets selected.

This is a Non-Regression issue as this behavior is observed from M60 Chrome builds. 
Hence marking this as Untriaged for further updates from Dev.

Thanks..

Comment 4 by robliao@chromium.org, Sep 13

Status: Archived (was: Untriaged)
Archiving old bugs that haven't been actively assigned in over 180 days.

If you feel this issue should still be addressed, feel free to reopen it or to file a new issue. Thanks!
►

Sign in to add a comment