enhance: (FloatingPanel) prevent body scroll

ant-design · Feb 9, 2022 · 1441928 · 1441928
1 parent a9be6e6
commit 1441928
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/components/floating-panel/floating-panel.tsx b/src/components/floating-panel/floating-panel.tsx
@@ -11,6 +11,7 @@ import { useSpring, animated } from '@react-spring/web'
 import { supportsPassive } from '../../utils/supports-passive'
 import { nearest } from '../../utils/nearest'
 import { mergeProps } from '../../utils/with-default-props'
+import { useLockScroll } from '../../utils/use-lock-scroll'
 
 export type FloatingPanelRef = {
   setHeight: (
@@ -127,6 +128,8 @@ export const FloatingPanel = forwardRef<FloatingPanelRef, FloatingPanelProps>(
       [api]
     )
 
+    useLockScroll(elementRef, true)
+
     return withNativeProps(
       props,
       <animated.div