@swan-io/lake 7.2.2 → 7.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "7.2.2",
+  "version": "7.2.3",
   "engines": {
     "node": ">=18.0.0",
     "yarn": "^1.22.0"

package/src/components/SidebarNavigationTracker.js

@@ -31,18 +31,10 @@ const Context = createContext((_) => { });
 // using `offsetTop` and `offsetHeight` here to avoid calculations
 // being wrong when ancestor has as CSS transform applied
 const getCoordinates = (element, guide) => {
-    const offsetHeight = element.offsetHeight;
-    const guideParent = guide.parentElement;
-    if (guideParent == null || !guideParent.contains(element)) {
-        return { top: 0, height: offsetHeight };
-    }
-    let offsetTop = 0;
-    let currentElement = element;
-    while (currentElement != null && currentElement != guideParent) {
-        offsetTop += currentElement.offsetTop;
-        currentElement = currentElement.offsetParent;
-    }
-    return { top: offsetTop, height: offsetHeight };
+    var _a, _b;
+    const parentTop = (_b = (_a = guide.parentElement) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().top) !== null && _b !== void 0 ? _b : 0;
+    const elementRect = element.getBoundingClientRect();
+    return { top: elementRect.top - parentTop, height: elementRect.height };
 };
 export const SidebarNavigationTracker = ({ style, contentContainerStyle, children }) => {
     const [track, setTrackRaw] = useState(null);
@@ -72,7 +64,8 @@ export const SidebarNavigationTracker = ({ style, contentContainerStyle, childre
     return (_jsx(Context.Provider, { value: setTrack, children: _jsxs(ScrollView, { scrollEventThrottle: 30, onLayout: onLayout, style: style, contentContainerStyle: contentContainerStyle, role: "banner", children: [children, _jsx(View, { style: styles.track, ref: trackRef, children: track != null ? (_jsx(View, { style: [
                             styles.trackIndicator,
                             {
-                                transform: `translateY(${track.top}px) scaleY(${track.height})`,
+                                transform: `translateY(${track.top}px)`,
+                                height: track.height,
                                 backgroundColor: track.color,
                             },
                         ] })) : null })] }) }));

package/src/components/TabView.js

@@ -436,6 +436,6 @@ export const TabView = ({ tabs, otherLabel, hideIfSingleItem = true, sticky = fa
                 }, onChange: onChange, tabs: collapsed, currentUrl: currentLocationURL, otherLabel: otherLabel, activeTabId: activeTabId })) : null, hasRendered && (_jsx(View, { style: [
                     styles.underline,
                     styles.animatedUnderline,
-                    { transform: `translateX(${left}px) scaleX(${width})` },
+                    { transform: `translateX(${left}px)`, width },
                 ] }))] }));
 };