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:
Thank you. Can you reproduce the issue using only core, such as
layout? By using
component.Gridthe bug is harder to debug
Thank you for looking into it! Updated the Gist to only use core. Still reproduces.
Filed a PR that allows enabling directional navigation on desktop.
Elias Naur referenced this ticket in commit 24eb1a4.