Arrow key input in selectric component sometimes cause page scrolling only in Chrome
Reported by
vineetha...@etouch.net,
Feb 27 2018
|
|||||
Issue descriptionChrome Version: 66.0.3356.0 (Official Build) 43318c02bb32c8eb07e9739904d15778d64d3094-refs/heads/master@{#539380}(32/64 bit) OS: Windows(7,8,8.1,10),Mac OS(10.12.6,10.13.1,10.13.4),Linux (14.04 LTS) Test URL : https://darksky.net/forecast/19.1953,72.9925/us12/en What steps will reproduce the problem? (1) Launch chrome, navigate to above Test URL. (2) Click on the drop down to choose temperature unit or the drop down to choose page language. (3) Try to traverse through the options in the drop down using up or down arrow keys and observe. Actual: Traversing though drop down list using keyboard up/down arrow keys, scrolls the page up and down. Expected: Traversing though drop down list using keyboard up/down arrow keys should not scroll the page up and down. This is a non-regression issue, seen from M-61 build #61.0.3113.0. NOTE: 1. Issue is also seen on Stable(build #64.0.3282.186), Beta(build #65.0.3325.88), Dev(build #66.0.3350.0) 2. This issue is not seen on Mozilla Firefox (Please refer attached screen-cast for the same)
,
Feb 27 2018
As this being a Non-Regression issue, changing the status to Untriaged so that the issue would get addressed. Thank You!
,
Feb 27 2018
Agreed this is not a standard <select>. But keyboard navigation does work in Safari 11.0.3 and Firefox 58.0.2 but not Chrome 66.0.3343.3 (even when sending a Safari UA string). So there's some interop issue here relating to suppressing scrolling. Digging a little further.
,
Feb 27 2018
This is a jQuery component called "selectric", demo page here: http://selectric.js.org/demo.html - last one on the page seems similar but works fine in all browsers. From what I've been able to figure out so far, there's a keydown targetting the <input> element but nobody seems to be calling preventDefault. An arrow keypress targetting an input element does not, as far as I know, ever cause page scrolling. After a few minutes debugging it's not obvious to me why we're scrolling in Chrome when it's the input element receiving the input event, or why the reported page behaves differently from the demo page. Note there's a hidden <select> element that might be involved somehow.
,
Feb 27 2018
Strange. Sahel, when you have some time it'd be good to find out what the difference is between browsers here. |
|||||
►
Sign in to add a comment |
|||||
Comment 1 by woxxom@gmail.com
, Feb 27 2018