Tab between editable fields

[rachel-fenichel]

Check for duplicates

• I have searched for similar issues before opening a new one.

Problem

#8803 removes the explicit creation of a TabNavigateCursor, because tab is now used to move within the page instead of within Blockly.

However, it's fairly standard on the web for tab to navigate to the next editable field when you are already editing.

Request

@kmcnaught suggested "How about a middle ground of navigating to the next editable field within the same block and opening the editor, falling back to doing nothing if there are no more editable fields in that block? I can see that being able to tab to the next field is a nicer flow than having to Esc and arrow multiple times."

Reimplement tabbing between editable input fields, per the suggestion above. Put this code in the LineCursor instead of creating a new cursor just-in-time. Wire up to the appropriate tab listener.

Alternatives considered

Remove tabbing between fields entirely.

Additional context

No response

[BenHenning]

One possible approach once the constituent pieces of #8875 are merged: when a field editor is opened, update all of the source block's field focusable elements to have a tab index of 0 (which makes them automatically tabbable), and reset them to -1 on the field editor closing.

Edit: This actually doesn't technically need #8875's pieces to be implemented as-is, it just may introduce some oddities without focus manager hooked up.

[rachel-fenichel]

Current status (as far as I know): @gonfunko and @BenHenning have a plan to implement this with a tab listener rather than setting tab indices.

Not yet in progress, but is required for v12.

[gonfunko]

Yes, that's the idea; a tab listener delegating to the navigator.