Fix chat dropdown overlay layering

This commit is contained in:
Ishaan Gupta 2026-06-02 20:15:02 +05:30
parent d19d3c014f
commit 6453765c6b
2 changed files with 4 additions and 4 deletions

View file

@ -98,7 +98,7 @@ export default function ChatModelSelector({
ref={containerRef}
className={cn(
"relative flex min-w-0 shrink items-center gap-2",
isOpen ? "z-[100]" : "z-10",
isOpen ? "z-[1000]" : "z-10",
)}
>
{trigger}
@ -106,7 +106,7 @@ export default function ChatModelSelector({
{isOpen && (
<div
className={cn(
"absolute left-0 z-[100] w-[min(18rem,calc(100vw-2rem))] overflow-hidden rounded-xl border border-white/15 bg-black p-1 shadow-[0_18px_48px_rgba(0,0,0,0.55)]",
"isolate absolute left-0 z-[1000] w-[min(18rem,calc(100vw-2rem))] overflow-hidden rounded-xl border border-white/15 bg-black p-1 shadow-[0_18px_48px_rgba(0,0,0,0.55)]",
dropdownDirection === "up" ? "bottom-full mb-2" : "top-full mt-2",
)}
>

View file

@ -59,7 +59,7 @@ export function ReasoningSelector({
ref={containerRef}
className={cn(
"relative flex shrink-0 items-center",
isOpen ? "z-[100]" : "z-10",
isOpen ? "z-[1000]" : "z-10",
)}
>
<button
@ -93,7 +93,7 @@ export function ReasoningSelector({
{isOpen && (
<div
className={cn(
"absolute left-0 z-[100] w-[min(14rem,calc(100vw-2rem))] overflow-hidden rounded-xl border border-white/15 bg-black p-1 shadow-[0_18px_48px_rgba(0,0,0,0.55)]",
"isolate absolute left-0 z-[1000] w-[min(14rem,calc(100vw-2rem))] overflow-hidden rounded-xl border border-white/15 bg-black p-1 shadow-[0_18px_48px_rgba(0,0,0,0.55)]",
dropdownDirection === "up" ? "bottom-full mb-2" : "top-full mt-2",
)}
>