@biela.dev/core 1.7.1 → 1.7.2

package/dist/index.d.cts

@@ -91,6 +91,10 @@ interface ContainerSize {
  * Observes an element's content box dimensions via ResizeObserver.
  * Foundation of adaptive scaling — same mechanism as Xcode's window resize detection.
  * Uses the actual canvas div, not the window, so it's panel-independent.
+ *
+ * Safety: clamps reported size to the visual viewport so that a mis-sized
+ * parent (e.g. height: auto or height: 100% with no fixed ancestor) can never
+ * cause the device frame to render larger than the screen.
  */
 declare function useContainerSize(ref: RefObject<HTMLElement | null>): ContainerSize;
 

package/dist/index.d.ts

@@ -91,6 +91,10 @@ interface ContainerSize {
  * Observes an element's content box dimensions via ResizeObserver.
  * Foundation of adaptive scaling — same mechanism as Xcode's window resize detection.
  * Uses the actual canvas div, not the window, so it's panel-independent.
+ *
+ * Safety: clamps reported size to the visual viewport so that a mis-sized
+ * parent (e.g. height: auto or height: 100% with no fixed ancestor) can never
+ * cause the device frame to render larger than the screen.
  */
 declare function useContainerSize(ref: RefObject<HTMLElement | null>): ContainerSize;
 

package/dist/index.js

@@ -10,7 +10,11 @@ function useContainerSize(ref) {
     if (!el) return;
     const observer = new ResizeObserver(([entry]) => {
       if (!entry) return;
-      const { width, height } = entry.contentRect;
+      let { width, height } = entry.contentRect;
+      if (typeof window !== "undefined") {
+        width = Math.min(width, window.innerWidth);
+        height = Math.min(height, window.innerHeight);
+      }
       setSize((prev) => {
         if (prev.width === width && prev.height === height) return prev;
         return { width, height };