fix popover not closable and font search auto focus

This commit is contained in:
Ryan Di
2025-08-28 19:42:48 +10:00
parent 8325f4bd3a
commit 5e395f2027
7 changed files with 75 additions and 31 deletions

View File

@@ -102,16 +102,19 @@ export const FontPicker = React.memo(
</div>
)}
{!compactMode && <ButtonSeparator />}
<Popover.Root open={isOpened} onOpenChange={onPopupChange}>
<Popover.Root open={isOpened} onOpenChange={() => {}}>
<FontPickerTrigger
selectedFontFamily={selectedFontFamily}
onTrigger={() => {
onTrigger={(e) => {
// suppress default to avoid double toggle
if (e && e.preventDefault) {
e.preventDefault();
}
if (isOpened) {
onPopupChange(false);
} else {
// switch from any open popup: close then open next tick
onPopupChange(false);
setTimeout(() => onPopupChange(true), 0);
onPopupChange(true);
}
}}
/>