fix(core): handle modal overlay click event correctly (#8063)

mirror of https://github.com/toeverything/AFFiNE.git synced 2026-07-12 15:46:29 +08:00

1. overlay click + hide is brought back. this is because modal (ormobile menu)'s `onPointerDownOutside` is bound to document.body. Code in https://github.com/toeverything/AFFiNE/blob/e58af08f6325c7c2c6cbd3325e954fd7d2ab6859/packages/frontend/core/src/modules/explorer/views/tree/node.tsx#L353-L356 will stop the event from bubbling to the document element.
2. when Menu's set to modal=true, the parent is set to pointer-events: none as well. changed menu to modal false instead.

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/T2klNLEk0wxLh4NRDzhk/3e50281f-839d-4463-af00-dff2fce8202b.png)

This commit is contained in:

pengx17

2024-09-03 12:00:00 +00:00

parent ae3b13bfb4

commit d00f86c3ce

4 changed files with 30 additions and 6 deletions

									
										packages/frontend/component/src/components/rename-modal/index.tsx
									
		+1
		
												View File
												
				@@ -41,6 +41,7 @@ export const RenameModal = ({

				  return (

				    <Menu

				      rootOptions={{

				        modal: true,

				        open: open,

				        onOpenChange: onOpenChange,

				      }}