Skip to content

fix(export): prevent dropdown from disappearing on hover - #483

Merged
Nagi-ovo merged 2 commits into
mainfrom
Nagi-ovo/fix-export-hover-gap
Mar 12, 2026
Merged

fix(export): prevent dropdown from disappearing on hover#483
Nagi-ovo merged 2 commits into
mainfrom
Nagi-ovo/fix-export-hover-gap

Conversation

@Nagi-ovo

@Nagi-ovo Nagi-ovo commented Mar 12, 2026

Copy link
Copy Markdown
Owner

Summary

  • Fixes the export dropdown disappearing when moving the mouse from the Gemini logo to the export button ([Bug] 给导出按钮加入悬停延迟或者缓冲区 #463)
  • Root cause: a pointer-events: none gap between the logo and dropdown caused hover to break during mouse transition
  • Added an invisible ::after bridge pseudo-element (12px) to cover the gap
  • Added a 120ms hide transition delay so pointer-events doesn't drop instantly on brief hover loss

Test plan

  • Hover over the Gemini logo → export dropdown appears
  • Move mouse slowly from logo to the export button → dropdown stays visible
  • Move mouse away from the dropdown → it fades out after a brief delay
  • Click the export button → export dialog opens normally
  • Test on Firefox and Chrome

Closes #463

🤖 Generated with Claude Code


Open with Devin

Add an invisible bridge pseudo-element between the logo and dropdown
to cover the 4px gap, and add a 120ms hide delay so pointer-events
don't drop instantly when hover is briefly lost.

Closes #463

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

@devin-ai-integration devin-ai-integration Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

✅ Devin Review: No Issues Found

Devin Review analyzed this PR and found no potential bugs to report.

View in Devin Review to see 3 additional findings.

Open in Devin Review

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 03055798d0

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment thread public/contentStyle.css
left: 0;
right: 0;
height: 12px;
pointer-events: auto;

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

P2 Badge Disable bridge hitbox when dropdown is hidden

The new ::after bridge is permanently hit-testable (pointer-events: auto), so it captures clicks in the 12px strip under the logo even when the menu is closed. That reintroduces the same class of interaction problem this area previously avoided with pointer-events: none on the wrapper, and in compact Gemini layouts it can block underlying controls/content directly below the logo. Consider enabling bridge hit-testing only while the wrapper/menu is hovered/open.

Useful? React with 👍 / 👎.

Addresses Codex review: the ::after bridge was permanently
pointer-events:auto, blocking clicks below the logo even when
the dropdown was hidden. Now it's only interactive on hover.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@Nagi-ovo
Nagi-ovo merged commit 6655f27 into main Mar 12, 2026
1 check passed
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.

[Bug] 给导出按钮加入悬停延迟或者缓冲区

1 participant