fix(web): render dropdowns above toasts (#6165)

Co-authored-by: Rodrigo Brechard <rodrigo@clubtidy.fr>
Co-authored-by: Claude Opus 5 (1M context) <noreply@anthropic.com>

Author: 3 people

apps/web/src/components/ui/autocomplete.tsx

@@ -97,7 +97,7 @@ function AutocompletePopup({
         align={align}
         alignOffset={alignOffset}
         anchor={anchor}
-        className="z-50 select-none"
+        className="z-[130] select-none"
         data-slot="autocomplete-positioner"
         side={side}
         sideOffset={sideOffset}

apps/web/src/components/ui/combobox.tsx

@@ -163,7 +163,7 @@ function ComboboxPopup({
         align={align}
         alignOffset={alignOffset}
         anchor={anchor}
-        className="z-50 select-none"
+        className="z-[130] select-none"
         data-slot="combobox-positioner"
         side={side}
         sideOffset={sideOffset}

apps/web/src/components/ui/menu.tsx

@@ -42,7 +42,7 @@ function MenuPopup({
         align={align}
         alignOffset={alignOffset}
         anchor={anchor}
-        className="z-[60]"
+        className="z-[130]"
         data-slot="menu-positioner"
         side={side}
         sideOffset={sideOffset}

apps/web/src/components/ui/popover.tsx

@@ -42,7 +42,7 @@ function PopoverPopup({
         align={align}
         alignOffset={alignOffset}
         anchor={anchor}
-        className="z-[60] h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-transform data-instant:transition-none"
+        className="z-[130] h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-transform data-instant:transition-none"
         data-slot="popover-positioner"
         side={side}
         sideOffset={sideOffset}

apps/web/src/components/ui/select.tsx

@@ -132,7 +132,7 @@ function SelectPopup({
         alignItemWithTrigger={alignItemWithTrigger}
         alignOffset={alignOffset}
         anchor={anchor}
-        className="z-50 select-none"
+        className="z-[130] select-none"
         data-slot="select-positioner"
         side={side}
         sideOffset={sideOffset}