Fix position fixed causing layout shifts on standalone sites (pwa) (#277

)
emilkowalski · Apr 6, 2024 · 67163bf · 67163bf
1 parent 7a398eb
commit 67163bf
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/use-position-fixed.ts b/src/use-position-fixed.ts
@@ -96,7 +96,9 @@ export function usePositionFixed({
     if (nested || !hasBeenOpened) return;
     // This is needed to force Safari toolbar to show **before** the drawer starts animating to prevent a gnarly shift from happening
     if (isOpen) {
-      setPositionFixed();
+      // avoid for standalone mode (PWA)
+      const isStandalone = window.matchMedia('(display-mode: standalone)').matches;
+      !isStandalone && setPositionFixed();
 
       if (!modal) {
         setTimeout(() => {