Skip to content

Arrow-down selection for link work package block prevented by tooltip#131

Merged
ihordubas99 merged 2 commits intodevfrom
bug/74393-arrow-down-selection-link-wp-block-prevented-by-tooltip
May 6, 2026
Merged

Arrow-down selection for link work package block prevented by tooltip#131
ihordubas99 merged 2 commits intodevfrom
bug/74393-arrow-down-selection-link-wp-block-prevented-by-tooltip

Conversation

@ihordubas99
Copy link
Copy Markdown
Collaborator

@ihordubas99 ihordubas99 commented May 5, 2026

Ticket

https://community.openproject.org/projects/blocknote-extensions/work_packages/74393

What are you trying to accomplish?

Fix arrow-down key navigation being blocked in the work package picker dropdown.

When the user typed in the search input, a browser-native tooltip (search suggestion popup)
appeared over the dropdown list and captured keyboard events, preventing arrow key selection
from working at all.

What approach did you choose and why?

  • Changed input type from "text" to "search" - enables search-specific CSS resets
  • Added autoComplete="off" - suppresses the browser's native suggestion popup that was capturing keyboard events
  • Added e.stopPropagation() on onKeyDown - prevents BlockNote's outer SuggestionMenuController from stealing arrow key events before our handler runs
  • Added CSS ::webkit-search-cancel-button reset - hides the native clear button that type="search" adds in Chrome/Safari

Merge checklist

  • Added/updated tests
  • Added/updated documentation in Lookbook (patterns, previews, etc)
  • Tested major browsers (Chrome, Firefox, Edge, ...)

@ihordubas99 ihordubas99 self-assigned this May 5, 2026
@ihordubas99 ihordubas99 marked this pull request as ready for review May 5, 2026 10:40
@ihordubas99 ihordubas99 changed the title fix: prevent browser tooltip from blocking arrow-key navigation in WP… Arrow-down selection for link work package block prevented by tooltip May 5, 2026
@ihordubas99 ihordubas99 requested a review from judithroth May 5, 2026 10:47
Copy link
Copy Markdown
Contributor

@judithroth judithroth left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🥳 🥳 🥳 I found that one especially annoying, thanks for fixing!

@ihordubas99 ihordubas99 merged commit 8417c6c into dev May 6, 2026
5 checks passed
@ihordubas99 ihordubas99 deleted the bug/74393-arrow-down-selection-link-wp-block-prevented-by-tooltip branch May 6, 2026 08:16
@github-actions github-actions Bot locked and limited conversation to collaborators May 6, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Development

Successfully merging this pull request may close these issues.

2 participants