From a6fa7a7e0b285cd167c3c5748da61a97980f8531 Mon Sep 17 00:00:00 2001
From: Screen <228304862+screen-gd@users.noreply.github.com>
Date: Sun, 8 Nov 2026 00:45:56 +0400
Subject: [PATCH] fix(web): dropdown items over the desktop title bar respond
 to clicks

Select, combobox, and autocomplete popups lacked the no-drag opt-out that
menus (#12527) and popovers (#31794) already have. Electron's drag
hit-testing ignores z-index, so any item drawn over a title-bar drag
region swallowed its click. The voice "Transcribe with" list grew with
cloud options and now reaches the top of the window, leaving "Off"
unclickable.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 apps/web/src/components/ui/autocomplete.tsx | 3 ++-
 apps/web/src/components/ui/combobox.tsx     | 3 ++-
 apps/web/src/components/ui/select.tsx       | 3 ++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/ui/autocomplete.tsx b/apps/web/src/components/ui/autocomplete.tsx
index 87eab1f3841dc..49a7471954abc 100644
--- a/apps/web/src/components/ui/autocomplete.tsx
+++ b/apps/web/src/components/ui/autocomplete.tsx
@@ -107,7 +107,8 @@ function AutocompletePopup({
           )}
         >
           <AutocompletePrimitive.Popup
-            className="flex max-h-[min(var(--available-height),23rem)] flex-1 flex-col text-foreground"
+            // Electron drag hit-testing ignores z-index; items over a drag region would swallow clicks.
+            className="flex max-h-[min(var(--available-height),23rem)] flex-1 flex-col text-foreground [-webkit-app-region:no-drag]"
             data-slot="autocomplete-popup"
             {...props}
           >
diff --git a/apps/web/src/components/ui/combobox.tsx b/apps/web/src/components/ui/combobox.tsx
index ccd3c61a9e7e4..f26862cdfb40a 100644
--- a/apps/web/src/components/ui/combobox.tsx
+++ b/apps/web/src/components/ui/combobox.tsx
@@ -172,7 +172,8 @@ function ComboboxPopup({
           )}
         >
           <ComboboxPrimitive.Popup
-            className="flex min-w-0 max-h-[min(var(--available-height),23rem)] flex-1 flex-col overflow-hidden text-foreground"
+            // Electron drag hit-testing ignores z-index; items over a drag region would swallow clicks.
+            className="flex min-w-0 max-h-[min(var(--available-height),23rem)] flex-1 flex-col overflow-hidden text-foreground [-webkit-app-region:no-drag]"
             data-slot="combobox-popup"
             {...props}
           >
diff --git a/apps/web/src/components/ui/select.tsx b/apps/web/src/components/ui/select.tsx
index e28e4014d9a96..8b43fa5ab074f 100644
--- a/apps/web/src/components/ui/select.tsx
+++ b/apps/web/src/components/ui/select.tsx
@@ -128,7 +128,8 @@ function SelectPopup({
         sideOffset={sideOffset}
       >
         <SelectPrimitive.Popup
-          className="origin-(--transform-origin) rounded-lg text-foreground outline-none"
+          // Electron drag hit-testing ignores z-index; items over a drag region would swallow clicks.
+          className="origin-(--transform-origin) rounded-lg text-foreground outline-none [-webkit-app-region:no-drag]"
           data-slot="select-popup"
           {...props}
         >