@papyrus-sdk/ui-react 0.2.14 → 0.2.16

package/base.css

@@ -75,7 +75,9 @@
   background: var(--papyrus-canvas) !important;
   box-sizing: border-box;
   flex: 1 1 auto;
-  overflow: auto;
+  overflow-x: hidden;
+  overflow-y: scroll;
+  scrollbar-gutter: stable;
   color: var(--papyrus-text);
 }
 

package/dist/index.js

@@ -2124,6 +2124,7 @@ var Viewer = ({ engine }) => {
   const frameRef = (0, import_react5.useRef)(null);
   const jumpRef = (0, import_react5.useRef)(false);
   const jumpTimerRef = (0, import_react5.useRef)(null);
+  const lastWidthRef = (0, import_react5.useRef)(null);
   const pinchRef = (0, import_react5.useRef)({
     active: false,
     startDistance: 0,
@@ -2174,8 +2175,14 @@ var Viewer = ({ engine }) => {
     const element = viewerRef.current;
     if (!element) return;
     const updateWidth = () => {
-      const nextWidth = element.clientWidth;
-      if (nextWidth > 0) setAvailableWidth(nextWidth);
+      const rawWidth = element.getBoundingClientRect?.().width ?? element.offsetWidth;
+      const nextWidth = Math.round(rawWidth);
+      if (nextWidth <= 0) return;
+      const previousWidth = lastWidthRef.current;
+      if (previousWidth != null && Math.abs(nextWidth - previousWidth) < 2)
+        return;
+      lastWidthRef.current = nextWidth;
+      setAvailableWidth(nextWidth);
     };
     updateWidth();
     if (typeof ResizeObserver === "undefined") {