fix(SizeObserver): new network don't properly handle native js type

Kitware · Apr 17, 2024 · d9f9871 · d9f9871
1 parent 8bde9c6
commit d9f9871
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/vue2-app/src/components/SizeObserver.js b/vue2-app/src/components/SizeObserver.js
@@ -12,7 +12,8 @@ export default {
     const elem = ref(null);
 
     function resize() {
-      const size = elem.value.getBoundingClientRect();
+      const { x, y, width, height } = elem.value.getBoundingClientRect();
+      const size = { x, y, width, height };
       const pixelRatio = window.devicePixelRatio;
       const dpi = 96 * pixelRatio;
       const event = { size, pixelRatio, dpi };

diff --git a/vue3-app/src/components/TrameSizeObserver.js b/vue3-app/src/components/TrameSizeObserver.js
@@ -12,7 +12,8 @@ export default {
     const elem = ref(null);
 
     function resize() {
-      const size = elem.value.getBoundingClientRect();
+      const { x, y, width, height } = elem.value.getBoundingClientRect();
+      const size = { x, y, width, height };
       const pixelRatio = window.devicePixelRatio;
       const dpi = 96 * pixelRatio;
       const event = { size, pixelRatio, dpi };