fix: fade out correctly on snap

la55u · Dec 4, 2020 · 17234bc · 17234bc
1 parent 07693f3
commit 17234bc
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/hooks/useSnapResponder.tsx b/src/hooks/useSnapResponder.tsx
@@ -33,6 +33,7 @@
  */
 
 import { useCallback, useEffect, useRef, useState } from 'react'
+import { clamp } from '../utils'
 import { useSnapPoints, useSpring } from './index'
 
 export function useSnapResponder({
@@ -96,7 +97,11 @@ export function useSnapResponder({
       console.log({ snap })
       heightRef.current = snap
       lastSnapRef.current = snap
-      set({ y: snap, immediate: prefersReducedMotion.current })
+      set({
+        y: snap,
+        backdrop: clamp(snap / minSnapRef.current, 0, 1),
+        immediate: prefersReducedMotion.current,
+      })
     }
   }, [draggingRef, findSnap, heightRef, lastSnapRef, prefersReducedMotion, set])