monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

fix(app): model select not closing on escape

Browse Source
This commit is contained in:
adamelmore
2026-01-24 14:50:22 -06:00
committed by Adam
parent 7ba25c6afb
commit dc1ff0e63e
1 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/app/src/components/dialog-select-model.tsx
View File

@@ -167,6 +167,7 @@ export function ModelSelectorPopover<T extends ValidComponent = "div">(props: {
if (next) setStore("dismiss", null) if (next) setStore("dismiss", null)
setStore("open", next) setStore("open", next)
}} }}
modal={false}
placement="top-start" placement="top-start"
gutter={8} gutter={8}
> >
@@ -181,6 +182,20 @@ export function ModelSelectorPopover<T extends ValidComponent = "div">(props: {
<Kobalte.Content <Kobalte.Content
ref={(el) => setStore("content", el)} ref={(el) => setStore("content", el)}
class="w-72 h-80 flex flex-col rounded-md border border-border-base bg-surface-raised-stronger-non-alpha shadow-md z-50 outline-none overflow-hidden" class="w-72 h-80 flex flex-col rounded-md border border-border-base bg-surface-raised-stronger-non-alpha shadow-md z-50 outline-none overflow-hidden"
onEscapeKeyDown={(event) => {
setStore("dismiss", "escape")
setStore("open", false)
event.preventDefault()
event.stopPropagation()
}}
onPointerDownOutside={() => {
setStore("dismiss", "outside")
setStore("open", false)
}}
onFocusOutside={() => {
setStore("dismiss", "outside")
setStore("open", false)
}}
onCloseAutoFocus={(event) => { onCloseAutoFocus={(event) => {
if (store.dismiss === "outside") event.preventDefault() if (store.dismiss === "outside") event.preventDefault()
setStore("dismiss", null) setStore("dismiss", null)