Board: clicking a handle leaves the item in keyboard mode until Enter or Escape #102

Reporter

Sujin Kim

Original report

Kept in the Teams thread only (see the Teams thread field, org members only); not copied here.

Quill analysis

Clicking a Board item's move/resize handle without dragging starts the operation in keyboard mode. That mode ends only on Enter, Escape or the handle's blur, and a click elsewhere inside the board does not end it, so the item stays active and keeps reacting to arrow keys. onHandlePointerUp starts keyboard mode, and no outside-pointerdown handling exists. Fix: while a keyboard-mode operation is active, listen for a document pointerdown in the capture phase and commit when the target is outside the active handle and its direction buttons. Add a Board test. Tracks #101.

Target repository

The fix belongs here; backend.ai-webui picks it up with the next @lablup/ui-common release.

Classification

bug / good_to_have / confidence 70%

Evidence

• lablup/ui-common:src/components/Board/Board.tsx:862 — onHandlePointerUp: a sub-threshold click focuses the handle and starts the operation in keyboard mode
• lablup/ui-common:src/components/Board/Board.tsx:923 — onHandleBlur is the only pointer-side path that ends keyboard mode (commit on blur)
• lablup/ui-common:src/components/Board/Board.tsx:643 — The only document-level listener is a keydown for Escape during pointer drags; nothing handles an outside pointerdown in keyboard mode
• lablup/ui-common:src/components/Board/Board.tsx:988 — pointerdown preventDefault exists only on direction buttons, not on the board root (line 1000); cause refactor(styles): ship the theming mechanism and one default palette #2 in the issue is not confirmed on main
• packages/backend.ai-ui/src/components/BAIBoard.tsx:64 — The WebUI dashboard renders ui-common Board through BAIBoard, so the fix belongs in ui-common
• Open ui-common issue with the same symptom and a proposed fix

Possible duplicates

• Board: a click on a resize or move handle leaves the item in keyboard mode until Enter or Escape #101 — Same symptom and component as Board: a click on a resize or move handle leaves the item in keyboard mode until Enter or Escape #101 (Board handle click leaves the item in keyboard mode); that issue should be the work item.

Reported via Teams (Quill). Created from the Teams thread ("Proceed" started automatically: S3a auto-proceed). The analysis is AI-generated.