From 17e5f9366c14d31578f904510740763721143ca7 Mon Sep 17 00:00:00 2001
From: Brandon Huang <brandon@withpersona.com>
Date: Sun, 23 Feb 2025 08:30:37 +0000
Subject: [PATCH 1/2] fix: consider safe-area-inset in background scale
 animation when dragging

---
 src/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/index.tsx b/src/index.tsx
index 691e95b..e6bebd5 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -440,15 +440,15 @@ export function Root({
         const scaleValue = Math.min(getScale() + percentageDragged * (1 - getScale()), 1);
         const borderRadiusValue = 8 - percentageDragged * 8;
 
-        const translateValue = Math.max(0, 14 - percentageDragged * 14);
+        const translatePercent = 1 - percentageDragged;
 
         set(
           wrapper,
           {
             borderRadius: `${borderRadiusValue}px`,
             transform: isVertical(direction)
-              ? `scale(${scaleValue}) translate3d(0, ${translateValue}px, 0)`
-              : `scale(${scaleValue}) translate3d(${translateValue}px, 0, 0)`,
+              ? `scale(${scaleValue}) translate3d(0, calc((env(safe-area-inset-top) + 14px) * ${translatePercent}), 0)`
+              : `scale(${scaleValue}) translate3d(calc((env(safe-area-inset-top) + 14px) * ${translatePercent}), 0, 0)`,
             transition: 'none',
           },
           true,

From 9ad382f2ef1d2cfb50525b472915f5f2d1bcd33e Mon Sep 17 00:00:00 2001
From: Brandon Huang <brandon@withpersona.com>
Date: Sun, 23 Feb 2025 08:36:33 +0000
Subject: [PATCH 2/2] Initial commit