Merge pull request #495 from pixiv/toshusai/fix-ios-safari-keyboard-i…

…ssue Fix: input handling for software keyboard in modal dialogs
pixiv · Mar 22, 2024 · 8d753fa · 8d753fa
2 parents 740fe13 + 91cc165
commit 8d753fa
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/react/src/components/Modal/useCustomModalOverlay.tsx b/packages/react/src/components/Modal/useCustomModalOverlay.tsx
@@ -5,8 +5,8 @@ import {
   ariaHideOutside,
   useOverlay,
   useOverlayFocusContain,
-  usePreventScroll,
 } from '@react-aria/overlays'
+import { usePreventScroll } from '../DropdownSelector/Popover/usePreventScroll'
 
 /**
  * We want to enable scrolling on the modal background,
@@ -28,9 +28,10 @@ export function useCharcoalModalOverlay(
     ref
   )
 
-  usePreventScroll({
-    isDisabled: !state.isOpen,
-  })
+  usePreventScroll(
+    typeof document !== 'undefined' ? document.body : null,
+    state.isOpen
+  )
 
   useOverlayFocusContain()