diff --git a/packages/frontend/core/src/modules/peek-view/view/modal-container.css.ts b/packages/frontend/core/src/modules/peek-view/view/modal-container.css.ts index c5afe1ab9c..a2d1449544 100644 --- a/packages/frontend/core/src/modules/peek-view/view/modal-container.css.ts +++ b/packages/frontend/core/src/modules/peek-view/view/modal-container.css.ts @@ -100,6 +100,7 @@ export const modalOverlay = style({ zIndex: cssVar('zIndexModal'), backgroundColor: cssVar('black30'), viewTransitionName: vtOverlayFade, + pointerEvents: 'auto', }); export const modalContentWrapper = style({ diff --git a/packages/frontend/core/src/modules/peek-view/view/modal-container.tsx b/packages/frontend/core/src/modules/peek-view/view/modal-container.tsx index ec036d89e8..347c13f2d2 100644 --- a/packages/frontend/core/src/modules/peek-view/view/modal-container.tsx +++ b/packages/frontend/core/src/modules/peek-view/view/modal-container.tsx @@ -18,7 +18,11 @@ const contentOptions: Dialog.DialogContentProps = { ['data-testid' as string]: 'peek-view-modal', onPointerDownOutside: e => { const el = e.target as HTMLElement; - if (el.closest('[data-peek-view-wrapper]')) { + if ( + el.closest('[data-peek-view-wrapper]') || + // workaround for slash menu click outside issue + el.closest('affine-slash-menu') + ) { e.preventDefault(); } }, @@ -83,6 +87,8 @@ export type PeekViewModalContainerProps = PropsWithChildren<{ testId?: string; }>; +const PeekViewModalOverlay = 'div'; + export const PeekViewModalContainer = forwardRef< HTMLDivElement, PeekViewModalContainerProps @@ -149,7 +155,7 @@ export const PeekViewModalContainer = forwardRef< -