Fix selector shortcut popovers with floating drawer
This commit is contained in:
@@ -368,12 +368,10 @@ const InstanceShell2: Component<InstanceShellProps> = (props) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const focusModelSelectorControl = () => {
|
const focusModelSelectorControl = () => {
|
||||||
const trigger = leftDrawerContentEl()?.querySelector<HTMLElement>(
|
const input = leftDrawerContentEl()?.querySelector<HTMLInputElement>("[data-model-selector]")
|
||||||
"[data-model-selector-control] .selector-trigger",
|
if (!input) return false
|
||||||
)
|
input.focus()
|
||||||
if (!trigger) return false
|
setTimeout(() => triggerKeyboardEvent(input, { key: "ArrowDown", code: "ArrowDown", keyCode: 40 }), 10)
|
||||||
trigger.focus()
|
|
||||||
setTimeout(() => triggerKeyboardEvent(trigger, { key: "ArrowDown", code: "ArrowDown", keyCode: 40 }), 10)
|
|
||||||
return true
|
return true
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -50,7 +50,7 @@
|
|||||||
@apply rounded-md shadow-lg overflow-hidden min-w-[300px];
|
@apply rounded-md shadow-lg overflow-hidden min-w-[300px];
|
||||||
background-color: var(--surface-base);
|
background-color: var(--surface-base);
|
||||||
border: 1px solid var(--border-base);
|
border: 1px solid var(--border-base);
|
||||||
z-index: 1600;
|
z-index: 2200;
|
||||||
}
|
}
|
||||||
|
|
||||||
.selector-search-container {
|
.selector-search-container {
|
||||||
|
|||||||
Reference in New Issue
Block a user