Pressing Tab key on keyboard should jump to next text box in right-side panel

Open
#5,198 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
45/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
javascript

Research direction

Reproduce the issue in the right-side Arrange panel by focusing Width and pressing Tab, then inspect the panel's focus handling and field order. Done means Tab moves through Width, Height, Left, Top, and the other fields without losing focus, with the behavior verified across the reported inputs.

Written by the indexing model from the issue text.

Description

bug needs-info
Preflight Checklist
  • I agree to follow the Code of Conduct that this project adheres to.
  • I have searched the issue tracker for a feature request that matches the one I want to file, without success.

Describe the bug
Standard UI behavior is that pressing the Tab key on the keyboard jumps the focus to the next UI element, but in the right-side panels here, pressing the Tab key removes the focus from the panel entirely.

To Reproduce

  1. Click on an element in the canvas.
  2. Click on the Width input box in the right-side Arrange panel.
  3. Hit the Tab key on the keyboard.
  4. Focus disappears from the right-side Arrange panel.

Expected behavior
The focus should now be in the next field, i.e., Height, so that the user can now type in a new value in that box. Same with Left to Top boxes, and all the others.

Screenshots
Image

draw.io version
v28.0.7

Dominant language
JavaScript
Stars
8.2k
Forks
1.2k
PR merge metrics
No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from jgraph/drawio

All issues in jgraph/drawio

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.