update snap points boundaries check to also deal with top and left di…

…rections (#217)
emilkowalski · Jan 20, 2024 · 0423945 · 0423945
1 parent ad9e00c
commit 0423945
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/use-snap-points.ts b/src/use-snap-points.ts
@@ -197,8 +197,13 @@ export function useSnapPoints({
  ? activeSnapPointOffset - draggedDistance
  : activeSnapPointOffset + draggedDistance;
 
- // Don't do anything if we exceed the last(highest) snap point
- if (newYValue < snapPointsOffset[snapPointsOffset.length - 1]) return;
+ // Don't do anything if we exceed the last(biggest) snap point
+ if ((direction === 'bottom' || direction === 'right') && newValue < snapPointsOffset[snapPointsOffset.length - 1]) {
+ return;
+ }
+ if ((direction === 'top' || direction === 'left') && newValue > snapPointsOffset[snapPointsOffset.length - 1]) {
+ return;
+ }
 
  set(drawerRef.current, {
  transform: isVertical(direction) ? `translate3d(0, ${newValue}px, 0)` : `translate3d(${newValue}px, 0, 0)`,