Skip to content

Commit b7083e8

Browse files
ozgesolidkeyclaude
andcommitted
Fix search options popup hidden by toolbar overflow clipping
The gear icon popup was invisible because the toolbar's overflow-y:hidden clipped absolutely-positioned children. Switch to position:fixed and compute coordinates from the button's bounding rect on each open. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent ef28dbe commit b7083e8

2 files changed

Lines changed: 6 additions & 3 deletions

File tree

src/renderer/renderer.ts

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8889,6 +8889,11 @@ function init(): void {
88898889
elements.btnSearchOptions.addEventListener('click', (e) => {
88908890
e.stopPropagation();
88918891
elements.searchOptionsPopup.classList.toggle('hidden');
8892+
if (!elements.searchOptionsPopup.classList.contains('hidden')) {
8893+
const rect = elements.btnSearchOptions.getBoundingClientRect();
8894+
elements.searchOptionsPopup.style.top = (rect.bottom + 4) + 'px';
8895+
elements.searchOptionsPopup.style.left = rect.left + 'px';
8896+
}
88928897
});
88938898

88948899
// Close search options popup on outside click

src/renderer/styles.css

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -280,9 +280,7 @@ body.platform-darwin .titlebar {
280280
}
281281

282282
.search-options-popup {
283-
position: absolute;
284-
top: calc(100% + 4px);
285-
left: 0;
283+
position: fixed;
286284
background-color: var(--bg-secondary);
287285
border: 1px solid var(--border-color);
288286
border-radius: 4px;

0 commit comments

Comments
 (0)