Shift+Tab to access block toolbar doesn't work in Safari

[ZebulanStanphill]

The issue

On Safari, pressing Shift-Tab to move focus from the block content to the block toolbar doesn't work. Instead, the address bar of the browser is focused.

How to reproduce

1. Open the block editor in Safari.
2. Create a Paragraph block (or some other basic text block).
3. Focus the content of the block.
4. Press Shift+Tab.
5. Notice that the address bar is focused, not the block toolbar like you would expect.

Additional info

Tested on master as of 7f797a6. I don't know when this regressed, but I suspect it may have started with #20008.

[enriquesanchez]

Hi @ZebulanStanphill!

Does this only happen on Safari? Could it maybe be related to #22434?

[ZebulanStanphill]

I tested: it doesn't happen on Firefox, nor does it happen on Chrome. (I tested both on macOS.) The inserter was not open in my tests, so I don't think it's related.

[enriquesanchez]

Hey @ZebulanStanphill 👋

I can't reproduce on Safari, running tip of master:

[ZebulanStanphill]

This is still happening to me. Tested in Safari 13.1 on macOS Catalina 10.15.4 using Gutenberg master as of ed80299.

[ZebulanStanphill]

I just discovered that this isn't a bug. It's just standard default behavior in Safari.

Tab highlights the next text field or pop-up menu. Tab also highlights buttons and other controls if “All controls” is selected in the Shortcuts pane of the Keyboard pane of System Preferences.

Option-Tab highlights the same items as Tab plus all other clickable items.

To swap the behavior of Tab and Option-Tab, turn on “Press Tab to highlight each item on a webpage” in the Advanced pane of Safari preferences.

In other words, you have to use Shift+Option+Tab to achieve the same thing in Safari as Shift+Tab in other browsers, unless you change Safari settings.