diff --git a/packages/ui/src/components/instance/instance-shell2.tsx b/packages/ui/src/components/instance/instance-shell2.tsx index e924db58..e7d5a0b3 100644 --- a/packages/ui/src/components/instance/instance-shell2.tsx +++ b/packages/ui/src/components/instance/instance-shell2.tsx @@ -368,12 +368,10 @@ const InstanceShell2: Component = (props) => { } const focusModelSelectorControl = () => { - const trigger = leftDrawerContentEl()?.querySelector( - "[data-model-selector-control] .selector-trigger", - ) - if (!trigger) return false - trigger.focus() - setTimeout(() => triggerKeyboardEvent(trigger, { key: "ArrowDown", code: "ArrowDown", keyCode: 40 }), 10) + const input = leftDrawerContentEl()?.querySelector("[data-model-selector]") + if (!input) return false + input.focus() + setTimeout(() => triggerKeyboardEvent(input, { key: "ArrowDown", code: "ArrowDown", keyCode: 40 }), 10) return true } diff --git a/packages/ui/src/styles/components/selector.css b/packages/ui/src/styles/components/selector.css index 3f418a08..742b1ae0 100644 --- a/packages/ui/src/styles/components/selector.css +++ b/packages/ui/src/styles/components/selector.css @@ -50,7 +50,7 @@ @apply rounded-md shadow-lg overflow-hidden min-w-[300px]; background-color: var(--surface-base); border: 1px solid var(--border-base); - z-index: 1600; + z-index: 2200; } .selector-search-container {