Writing flow: Horizontal arrow navigation doesn't work on non-text inputs

[mirka]

Related #32712 #32713

Description

Writing flow navigation with the left/right keys does not work with non-text input elements, such as checkbox and button.

gutenberg/packages/block-editor/src/components/writing-flow/use-arrow-nav.js

Line 48 in 108633a

return tagName !== 'INPUT' && tagName !== 'TEXTAREA';

Step-by-step reproduction instructions

1. Add some <input type="button" /> to the edit component of a Core block, such as Code. If necessary, flexbox the container so the buttons are horizontally aligned.
2. Move keyboard focus to the first button, and hit the right arrow key.

Expected behaviour

The keyboard focus moves to the second button.

Actual behaviour

Nothing happens, and I cannot move the focus to the next button.

Screenshots or screen recording (optional)

WordPress information

Latest trunk in wp-env container.

Device information

• Device: Desktop
• Operating system: macOS 11.3
• Browser: Chrome 91.0.4472.77