1532965 - Focus does not shift correctly when tabbing through links that contain scrollable children

Status: NEW

(Core :: DOM: UI Events & Focus Handling, defect, P3)

Description

[jamesowen]

Attachment: test.html

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:65.0) Gecko/20100101 Firefox/65.0

Steps to reproduce:

Open the attached html file and tab through the content. It consists of 4 link elements, which each contain a div element that has some text in it. For the even elements, the div has a max-width of 100px, and the text overflow is hidden with ellipsis.

Actual results:

The first element can be tabbed to successfully, but then the focus becomes stuck on the second element, alternating between the link and the containing div (the text will cycle from black to red). The third link cannot be reached.

Expected results:

The text in each div changes to black in turn as each containing link gains focus

Comment 1

[jamesowen]

Its probably worth noting that this works as expected in chrome, chromium, IE and edge.

Comment 2

[Alice0775 White]

Attachment: Bug 1532965 - Focus does not shift correctly when tabbing through links.html

ellipsis is not necessary to reproduce the problem.

Overflowed div with overflow:auto/hidden inside focus-able element will cause the problem.

Comment 3

[Alice0775 White]

Attachment: Bug 1532965 - Focus does not shift correctly when tabbing through links.html

this is regressed since Firefox4.

Comment 4

[Alice0775 White]

Regression window:
https://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=571ddddc7e13&tochange=4788083ce564

Regressed by: Bug 570275

Comment 5

[Liz Henry (:lizzard) (relman/hg->git project)]

Hsin-Yi, do you think this might make a good first bug?

Comment 6

[Hsin-Yi Tsai (she/her) [:hsinyi]]

(In reply to Liz Henry (:lizzard) (use needinfo) from comment #5)

Hsin-Yi, do you think this might make a good first bug?

Already taking via email. :)