1610341 - A Link element with a tabindex of "0" can not be tabbed to on macOS

Status: RESOLVED DUPLICATE of bug 1036966

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

Description

[ali bosworth]

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

Steps to reproduce:

Tried to use an "A" element (link) with a tabindex of "0" to be user-focusable via keyboard "tabbing".

Actual results:

The tab item was skipped

Expected results:

The tab item should receive focus.

Here is a simple repro https://jeweled-need-xpq8sor86b.glitch.me/

This can also be previewed on https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex by changing the DIV to an A.

I am on 72.0.1 (64-bit) OSX 10.14.6. This works as expected on Chrome and Safari for me.

Comment 1

[Virginia (please send need info request to Brindusa Tot)]

Hi ali,

Thanks for reporting this bug and for providing us with the information needed to try this on our end.

I was able to reproduce this on Mac OSX 10.13.6 using the following Firefox versions:

• Nightly 74.0a1 (2020-01-24)
• Beta 73.0b9
• Release 72.0.2
• ESR 8.4.2esr

I will add this issue to the Core: DOM: UI Events & Focus Handling component, hopefully, someone with more knowledge in this area will look over it.

Regards,
Virginia

Comment 2

[Masayuki Nakano [:masayuki] (he/him)(JST, +0900)]

I cannot reproduce on Windows. I guess that it's related to the system settings on macOS.

Enn, do you know something about this?

Comment 3

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

Edgar has been investigating similar issues. CCed him to see if he also has thoughts.

Comment 4

[Albert Scheiner [:alberts]]

Just came across the same problem. Here another little test case I had put together before digging into bugzilla: https://codepen.io/scheinercc/pen/bGqpWKL

Tested it in Safari and Chrome as well. Chrome tabs through links and buttons, while Safari does something for me rather unexpected and focuses the URL bar. From there it jumps to the last position of the cursor was at in the HTML box.

Comment 5

[Neil Deakin]

Yes, this is just another case of expecting the Mac tab navigation behaviour to be the same as Windows. To emulate the windows behaviour, use System Preferences -> Keyboard -> Shortcuts and check the 'keyboard navigation' related checkbox at the bottom.

Comment 6

[Albert Scheiner [:alberts]]

I had a look and it was already checked for me. (Should I renew the ni? ?)
I was wrong. I tested on two different machines. The one I tested earlier today with, had "the 'keyboard navigation' related checkbox at the bottom" not checked, just as Neil suggested. Turning it on makes Firefox behave similar to Chrome.

Comment 7

[ali bosworth]

Interesting, but I'm not sure I follow! The MDN tabindex doc I linked in the initial report has

<div tabindex="0">Tabbable due to tabindex.</div>

And it works with the default OSX system preferences settings. Why would a div of tabindex 0 be focusable, yet a link wouldn't?

Is there any other issue (opened or closed) which contains more details on this?

Comment 8

[Albert Scheiner [:alberts]]

Good point ali. I updated my example to include a div as well: https://codepen.io/scheinercc/pen/bGqpWKL
FYI, to test the difference, Firefox needs to be restarted each time after "Use keyboard navigation to move focus between controls" has been changed.