Directional navigation breaks after typing into a text input

First, to reproduce the bug you need to force Gio to enable directional navigation on Desktop. This can be done by forcing isMobile to true here.

This test app contains a text input at the top and a grid with clickable cards at the bottom.

If you try navigating with arrows in and out of the text input, you can properly select any card by going in all 4 directions.

However, if you type something in the text input and then try to navigate into the grid by pressing down arrow, you will notice that up and left arrow no longer work.

Exact steps to reproduce:

  1. Run the App.
  2. Click into the text input.
  3. Write something, e.g. "test".
  4. Click down arrow on the keyboard.
  5. Now left/up arrows doesn't work, while right/down still do.
Assigned to
1 year, 5 months ago
1 year, 4 months ago
No labels applied.

~eliasnaur 1 year, 5 months ago

Thank you. Can you reproduce the issue using only core, such as widget.Editor and package layout? By using component.Grid the bug is harder to debug

~dennwc 1 year, 5 months ago

Thank you for looking into it! Updated the Gist to only use core. Still reproduces.

~dennwc 1 year, 4 months ago

Filed a PR that allows enabling directional navigation on desktop.

~eliasnaur REPORTED FIXED 1 year, 4 months ago

Elias Naur referenced this ticket in commit 24eb1a4.

Register here or Log in to comment, or comment via email.