@leavepulse/ui 0.77.0 → 0.77.2

package/dist/composables/useShift.js

@@ -1,4 +1,4 @@
-import { ref, watch, toValue, onBeforeUnmount } from "vue";
+import { ref, watch, toValue, onBeforeUnmount, nextTick } from "vue";
 import { prefersReducedMotion } from "./easing.js";
 const TWEEN_MS = 160;
 const RETARGET_AFTER_MS = 40;
@@ -78,8 +78,11 @@ function useShift(options = {}) {
       resizing.value = false;
       if (wantsHeight()) node.style.height = "";
       if (wantsWidth()) node.style.width = "";
-      lastHeight = node.offsetHeight;
-      lastWidth = node.offsetWidth;
+      void nextTick(() => {
+        if (inFlight) return;
+        lastHeight = node.offsetHeight;
+        lastWidth = node.offsetWidth;
+      });
     }, wait);
   }
   let scrollHost = null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavepulse/ui",
-  "version": "0.77.0",
+  "version": "0.77.2",
   "type": "module",
   "description": "LeavePulse token-driven Vue component kit.",
   "repository": {

package/src/composables/useShift.ts

@@ -1,4 +1,4 @@
-import { onBeforeUnmount, ref, toValue, watch, type MaybeRefOrGetter, type Ref } from "vue"
+import { nextTick, onBeforeUnmount, ref, toValue, watch, type MaybeRefOrGetter, type Ref } from "vue"
 import { prefersReducedMotion } from "./easing"
 
 /*
@@ -235,8 +235,16 @@ export function useShift(
       if (wantsWidth()) node.style.width = ""
       // Re-read rather than trusting the target: the layout around may have
       // moved meanwhile, and the next tween has to start from where it sits.
-      lastHeight = node.offsetHeight
-      lastWidth = node.offsetWidth
+      // Read after the render that drops the tween's clip, not before: the
+      // clip holds a child's margin inside the box, so a box measured with it
+      // still on came out taller than it settles (a banner with `mb-4`: 54
+      // against 38), and every text change after that, a ticking counter,
+      // eased between the two figures once a tick.
+      void nextTick(() => {
+        if (inFlight) return
+        lastHeight = node.offsetHeight
+        lastWidth = node.offsetWidth
+      })
     }, wait)
   }