feat: FloatingPortal dismiss에 outsidePress 추가

Author: guswl98

packages/tds-ui/src/components/modal/modal.tsx

@@ -59,7 +59,13 @@ export const Modal = ({
     onOpenChange: (open) => (open ? undefined : onClose?.()),
   })
 
-  const dismiss = useDismiss(context)
+  const dismiss = useDismiss(context, {
+    outsidePress: (event) => {
+      return !!(event.target as HTMLElement).closest?.(
+        `#${CSS.escape(portalId)}`,
+      )
+    },
+  })
   const role = useRole(context, { role: 'dialog' })
 
   const { getFloatingProps } = useInteractions([dismiss, role])

packages/tds-ui/src/components/popup/popup.tsx

@@ -97,7 +97,13 @@ export function Popup({
     onOpenChange: (open) => (open ? undefined : onClose?.()),
   })
 
-  const dismiss = useDismiss(context)
+  const dismiss = useDismiss(context, {
+    outsidePress: (event) => {
+      return !!(event.target as HTMLElement).closest?.(
+        `#${CSS.escape(portalId)}`,
+      )
+    },
+  })
   const role = useRole(context, { role: 'dialog' })
 
   const { getFloatingProps } = useInteractions([dismiss, role])

packages/tds-widget/src/public-header/side-menu/overlay.tsx

@@ -72,7 +72,13 @@ export function SideMenuOverlay({
     onOpenChange: (open) => (open ? undefined : onClose?.()),
   })
 
-  const dismiss = useDismiss(context)
+  const dismiss = useDismiss(context, {
+    outsidePress: (event) => {
+      return !!(event.target as HTMLElement).closest?.(
+        `#${CSS.escape(portalId)}`,
+      )
+    },
+  })
   const role = useRole(context, { role: 'menu' })
 
   const { getFloatingProps } = useInteractions([dismiss, role])