@gamelearn/arcade-components 3.24.1 → 3.25.0

package/dist/arcade-components.js

@@ -30325,7 +30325,7 @@ Message.defaultProps = {
   current: {},
   voiceOver: !1
 };
-const cleanStyle = { width: "100vw", height: "100%", position: "static" };
+const cleanStyle = { width: "100%", height: "100%", position: "static" };
 function HtmlWrap(l) {
   const e = document.querySelector(".screens--container");
   return useEffect(() => (l.onMount && l.onMount(), () => {
@@ -54204,7 +54204,8 @@ const useWindowSize = () => {
   const [l, e] = useState([0, 0]);
   return useLayoutEffect(() => {
     function n() {
-      e([window.innerWidth, window.innerHeight]);
+      const t = document.querySelector("#root");
+      e([t.clientWidth, t.clientHeight]);
     }
     return window.addEventListener("resize", n), n(), () => window.removeEventListener("resize", n);
   }, []), l;
@@ -60789,7 +60790,7 @@ function BubbleWrapper({ currentMessage: l, translate: e }) {
       onOcclude: () => null,
       zIndexRange: [5, 5],
       portal: n ? { current: n } : void 0,
-      style: { width: "100vw", height: "100%", position: "static" },
+      style: { width: "100%", height: "100%", position: "static" },
       calculatePosition: () => [0, 0],
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(SpeechBubbleComponent$1, { translate: e, message: l })
     }
@@ -61291,7 +61292,7 @@ function DialogComponent({
       HtmlPro,
       {
         wrapperClass: "htmlpro-wrap-100-h",
-        style: { width: "100vw", height: "100%", position: "static" },
+        style: { width: "100%", height: "100%", position: "static" },
         portal: st ? { current: st } : void 0,
         zIndexRange: [6, 6],
         onOcclude: () => {