Clear pixel tolerance during SSR

davidjerleke · davidjerleke · commit d18c917508ee · 2025-02-03T14:37:21.000+01:00
diff --git a/packages/embla-carousel/src/components/Engine.ts b/packages/embla-carousel/src/components/Engine.ts
@@ -109,7 +109,7 @@ export function Engine(
   } = options
 
   // Measurements
-  const pixelTolerance = 2
+  const pixelTolerance = isSsr ? 0 : 2
   const containerRect = nodeHandler.getRect(container)
   const slideRects = slides.map(nodeHandler.getRect)
   const axis = Axis(scrollAxis, direction)
diff --git a/packages/embla-carousel/src/components/ScrollContain.ts b/packages/embla-carousel/src/components/ScrollContain.ts
@@ -21,7 +21,7 @@ export function ScrollContain(
   const snapsContained = measureContained()
 
   function usePixelTolerance(bound: number, snap: number): boolean {
-    return deltaAbs(bound, snap) <= 1
+    return pixelTolerance ? deltaAbs(bound, snap) <= 1 : false
   }
 
   function findScrollContainLimit(): LimitType {

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ export function ScrollContain(`
`21`	`21`	`const snapsContained = measureContained()`
`22`	`22`
`23`	`23`	`function usePixelTolerance(bound: number, snap: number): boolean {`
`24`		`- return deltaAbs(bound, snap) <= 1`
	`24`	`+ return pixelTolerance ? deltaAbs(bound, snap) <= 1 : false`
`25`	`25`	`}`
`26`	`26`
`27`	`27`	`function findScrollContainLimit(): LimitType {`