Skip to content

fix(desktop): FindBar no longer overlaps native window controls - #86746

Merged
teknium1 merged 1 commit into
mainfrom
hermes/hermes-1732dc59
Aug 15, 2026
Merged

teknium1 merged 1 commit into
mainfrom
hermes/hermes-1732dc59

Conversation

@teknium1

Copy link
Copy Markdown
Collaborator

Summary

The desktop Ctrl+F/⌘F find bar now floats below the titlebar instead of rendering inside the titlebar strip underneath the native min/max/close window-controls overlay.

Root cause: FindBar positions itself with top-[calc(var(--titlebar-height,0px)+0.5rem)], but it mounts at the overlay root in ContribWiring — outside any subtree that defines --titlebar-height (the contrib shell even zeroes it for content areas). The 0px fallback parked the bar at the very top edge, where Windows/Linux draw the native window controls: two ✕ buttons side by side, with the bar's border clipping into the window close button.

Changes

  • apps/desktop/src/components/find-bar.tsx: fallback 0px34px (the real TITLEBAR_HEIGHT), matching the established pattern in floating-hud.ts and notifications.tsx which face the same unset-var mount point.

Validation

Before After
Find bar top 0.5rem from window top edge, under native min/max/close 34px + 0.5rem — below the titlebar band, clear of window controls
find-bar.test.tsx 48 passed 48 passed
eslint on file clean clean

Infographic

FindBar clears the window controls

The ⌘F/Ctrl+F find bar positions itself at
top-[calc(var(--titlebar-height,0px)+0.5rem)], but it mounts at the
overlay root in ContribWiring, outside any subtree that defines
--titlebar-height. The 0px fallback parked the bar inside the 34px
titlebar strip, underneath the native min/max/close window-controls
overlay on Windows/Linux (two X buttons side by side, close button
half-covered).

Fix: use the real titlebar height (34px) as the fallback, matching the
established pattern in floating-hud.ts and notifications.tsx. The bar
now floats just below the titlebar band, clear of the window controls.
@github-actions

github-actions Bot commented Aug 15, 2026

Copy link
Copy Markdown
Contributor

૮ >ﻌ< ა ci review

ran on 75ce05b — fix(desktop): FindBar no longer overlaps native window contr

⚠️ Warnings

OSV vulnerability scan · View job

5 known vulnerabilities found in pinned dependencies.

How to fix:

Review the findings in the Security tab. Update the affected dependencies if a patched version is available.


debug info

CI timings

CI timings · View report · View job

Wall time 3m46s vs 3m27s (+9.2%). 8 job(s) slower, 6 faster, 4 unchanged.

  • JS & TS checks / apps/desktop / check:test:ui:shard-3of3: +29.0s
  • JS & TS checks / apps/desktop / check:test:ui:shard-2of3: +18.0s
  • JS & TS checks / ui-tui / check: +17.0s
  • JS & TS checks / web / check: +11.0s
  • JS & TS checks / List npm workspaces: -8.0s

@alt-glitch alt-glitch added type/bug Something isn't working P3 Low — cosmetic, nice to have comp/desktop Electron desktop app (apps/desktop/*) duplicate This issue or pull request already exists labels Aug 15, 2026
@alt-glitch

Copy link
Copy Markdown
Contributor

This was generated by AI during triage.

Duplicate of #80244: both apply the same 0px-to-34px FindBar titlebar-height fallback at the same location. #85181 is related because it also changes control sizing.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

comp/desktop Electron desktop app (apps/desktop/*) duplicate This issue or pull request already exists P3 Low — cosmetic, nice to have type/bug Something isn't working

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants