starred/yaak
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-24 01:38:26 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Allow toast interaction when dialog is open

Browse Source
This commit is contained in:
Gregory Schier
2025-10-04 05:47:16 -07:00
parent b44ac55bc2
commit c6975a9e8b
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src-web/components/Overlay.tsx
View File

@@ -1,5 +1,5 @@
import classNames from 'classnames'; import classNames from 'classnames';
import FocusTrap from 'focus-trap-react'; import { FocusTrap } from 'focus-trap-react';
import * as m from 'motion/react-m'; import * as m from 'motion/react-m';
import type { ReactNode } from 'react'; import type { ReactNode } from 'react';
import React from 'react'; import React from 'react';
@@ -47,7 +47,11 @@ export function Overlay({
return ( return (
<Portal name={portalName}> <Portal name={portalName}>
{open && ( {open && (
<FocusTrap> <FocusTrap
focusTrapOptions={{
allowOutsideClick: true, // So we can still click toasts and things
}}
>
<m.div <m.div
className={classNames('fixed inset-0', zIndexes[zIndex])} className={classNames('fixed inset-0', zIndexes[zIndex])}
initial={{ opacity: 0 }} initial={{ opacity: 0 }}