Skip to content

Fix dead click areas on task embed cards - #5903

Merged
ymichael merged 4 commits into
mainfrom
bb/fix-dead-clicks-on-docs-embed-cards-thr_nzf9kqerem
Oct 20, 2026
Merged

ymichael merged 4 commits into
mainfrom
bb/fix-dead-clicks-on-docs-embed-cards-thr_nzf9kqerem

Conversation

@ymichael

@ymichael ymichael commented Oct 20, 2026 •

Copy link
Copy Markdown
Collaborator

Human comments

What was wrong

Task embed cards applied a hover background to their wrapper, but the primary button covered only the content. Clicking the side padding, vertical padding, or gap before the open arrow did nothing. Loading cards also highlighted despite having no action. This is the same hit-area mismatch addressed for other rows in #5891.

What changed

Stretch the primary button over the rounded card and keep the open-in-Tasks arrow above it as a separate control. Show a focus ring around the whole primary target, prevent repeated clicks from selecting text, and apply hover styling only to resolved, actionable cards.

To unblock CI against current main, this branch also carries the existing query-tags lockfile repair from #5897 (switch its typecheck to the repository's pinned tsrs) and bumps the plugin SDK to 0.6.61 because the npm version guard detects changed generated declarations in 0.6.60. Neither changes the task-card interaction contract.

How you verified

  • Reproduced the dead padding and gap with real browser pointer clicks before the fix, using the actual component and production styles in an isolated fixture.
  • Verified the same coordinates open the side panel after the fix, while the arrow only opens Tasks. Also checked keyboard Enter/Space, the full-card focus ring, rounded corners, fallback navigation, retry, the missing-task arrow, and loading without hover feedback.
  • Started this branch with pnpm start:worktree, seeded a disposable task and embed message, and confirmed a real padding click opens the task in the production app.
  • pnpm exec turbo run typecheck lint test --filter=bb-plugin-tasks passed, including all 409 tests.
  • Formatting and git diff --check passed. No new jsdom regression test: it cannot exercise layout or pointer hit testing.

AGENT GENERATED

ymichael and others added 4 commits October 20, 2026 11:57
#5640 added @bb/query-tags with a typescript-7 (npm:typescript@^7.0.2)
dev dependency. #5861 merged first and removed typescript@7.0.2 from the
lockfile when it moved every package to tsrs. The merged lockfile kept
the importer entry without a package entry, so pnpm install
--frozen-lockfile fails with ERR_PNPM_LOCKFILE_MISSING_DEPENDENCY.

Move query-tags to tsrs like every other package.
@ymichael
ymichael merged commit e2f4b9d into main Oct 20, 2026
88 of 89 checks passed
@ymichael
ymichael deleted the bb/fix-dead-clicks-on-docs-embed-cards-thr_nzf9kqerem branch October 20, 2026 19:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants