Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tab key navigation follows component's addition order, not visual hierarchy #9504

Open
GrowwithNaveen opened this issue Apr 25, 2024 · 0 comments
Labels

Comments

@GrowwithNaveen
Copy link
Collaborator

Description:
When using the Tab key to navigate between input fields, the focus jumps to the next field based on the order the elements were added to the canvas, rather than their position in the visual layout. This can be confusing and disrupts the expected flow for users.

Current behavior:
Tab key navigation iterates through input fields based on the order they were added to the canvas, regardless of their visual placement.

Expected behavior:
Tab key navigation should follow the visual order of the input fields on the screen, ensuring a predictable and intuitive user experience.

Steps to reproduce:

  1. Create a user interface with multiple input fields.
  2. Add the input fields to the canvas in a non-sequential order.
  3. Try to navigate between the input fields using the Tab key.
  4. Observe that the focus jumps between fields based on the order of addition, not their visual position.
@GrowwithNaveen GrowwithNaveen modified the milestone: App Builder 1.8 Apr 25, 2024
@GrowwithNaveen GrowwithNaveen changed the title Tab key navigation follows component's insertion order, not visual hierarchy Tab key navigation follows component's addition order, not visual hierarchy Apr 25, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant