1529671 - Combobox selection controlled by javascript does not interact with up/down arrow keys properly

Status: UNCONFIRMED

(Core :: DOM: Core & HTML, defect, P3)

Description

[u634063]

Attachment: test.html

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:65.0) Gecko/20100101 Firefox/65.0

Steps to reproduce:

In the attached file, I have an input range (slider) and a combobox (select). They are sync'd using jQuery so that manipulating one also changes the other. I first move the slider at which point the combobox gets the focus. I then use the up/down arrow keys an observe how the combobox selection changes. Then I move the slider some distance away and try the up/down arrow keys again. Again I observe the change in selection.

Actual results:

The first time (see above) I use the up/down arrow keys, the selection changes by one up or down as appropriate. But the second time (after using the slider again - see above) I use the up/down arrow keys the selection jumps, reverting to one above or below the prior selection made with the arrow keys initially. The selection provided via the slider is ignored.

Expected results:

I would expect the up/down arrow keys to always move one up/down from the current selection, however that selection was made. This is how Chrome, Safari, Opera and MS Edge appear to work.

Comment 1

[Alice0775 White]

I can reproduce the issue on ubuntu18.04. But not on Windows10.

Setting dom.keyboardevent.keypress.dispatch_non_printable_keys_only_system_group_in_content = false fixes the problem on linux.

Comment 2

[Alice0775 White]

pls ignore comment#1

Comment 3

[Alice0775 White]

Attachment: jQuery free version

jQuery free version works.

So, this seems jQuery BUG?

Comment 4

[Cameron McCormack (:heycam)]

Might be an invalid bug, but moving to DOM to check, since it's more about the behavior of the control than its layout.

Comment 5

[Alphan Chen [:alchen]]

I found that on firefox we can both control the slider and select.
Using "up/down" to control select.
Using "left/right" to control slider.

However, Chome/Safari can only use "up/down" to control select.