From f5cbd544b72fcd40ee2b3cd1cd188a7b945dc90d Mon Sep 17 00:00:00 2001
From: Kelly Yang <124ykl@gmail.com>
Date: Thu, 18 Dec 2025 12:23:13 -0800
Subject: [PATCH 1/4] fix: 3d resize vertically

---
 src/components/load3d/Load3DScene.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/load3d/Load3DScene.vue b/src/components/load3d/Load3DScene.vue
index 2ef32ce45b1..604aa0d6880 100644
--- a/src/components/load3d/Load3DScene.vue
+++ b/src/components/load3d/Load3DScene.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     ref="container"
-    class="relative h-full w-full"
+    class="relative h-full w-full min-h-0 overflow-hidden"
     data-capture-wheel="true"
     @pointerdown.stop
     @pointermove.stop
@@ -65,3 +65,15 @@ onUnmounted(() => {
   props.cleanup()
 })
 </script>
+
+<style scoped>
+:deep(canvas) {
+  position: absolute !important;
+  top: 0;
+  left: 0;
+  width: 100% !important;
+  height: 100% !important;
+  display: block !important;
+  outline: none;
+}
+</style>

From 54579a9ef159f46d35d9b26bde8645ffd1d81fcc Mon Sep 17 00:00:00 2001
From: Kelly Yang <124ykl@gmail.com>
Date: Thu, 18 Dec 2025 17:56:29 -0800
Subject: [PATCH 2/4] fix 3d resize

---
 src/extensions/core/load3d/Load3d.ts | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/extensions/core/load3d/Load3d.ts b/src/extensions/core/load3d/Load3d.ts
index c759acc1fa1..b5f80b29d98 100644
--- a/src/extensions/core/load3d/Load3d.ts
+++ b/src/extensions/core/load3d/Load3d.ts
@@ -72,8 +72,19 @@ class Load3d {
     this.renderer.setClearColor(0x282828)
     this.renderer.autoClear = false
     this.renderer.outputColorSpace = THREE.SRGBColorSpace
-    this.renderer.domElement.classList.add('flex', '!h-full', '!w-full')
-    container.appendChild(this.renderer.domElement)
+    // this.renderer.domElement.classList.add('flex', '!h-full', '!w-full')
+    const canvas = this.renderer.domElement
+    canvas.classList.add(
+      'absolute',
+      'top-0',
+      'left-0',
+      'h-full',
+      'w-full',
+      'block',
+      'outline-none'
+    )
+
+    container.appendChild(canvas)
 
     this.eventManager = new EventManager()
 

From 75e854ea7ff34beede5edf619c5dc06beb7a65bf Mon Sep 17 00:00:00 2001
From: Kelly Yang <124ykl@gmail.com>
Date: Thu, 18 Dec 2025 21:22:11 -0800
Subject: [PATCH 3/4] fix load3d resize bug

---
 src/components/load3d/Load3DScene.vue | 14 +-------------
 src/extensions/core/load3d/Load3d.ts  |  9 +++------
 2 files changed, 4 insertions(+), 19 deletions(-)

diff --git a/src/components/load3d/Load3DScene.vue b/src/components/load3d/Load3DScene.vue
index 604aa0d6880..2ef32ce45b1 100644
--- a/src/components/load3d/Load3DScene.vue
+++ b/src/components/load3d/Load3DScene.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     ref="container"
-    class="relative h-full w-full min-h-0 overflow-hidden"
+    class="relative h-full w-full"
     data-capture-wheel="true"
     @pointerdown.stop
     @pointermove.stop
@@ -65,15 +65,3 @@ onUnmounted(() => {
   props.cleanup()
 })
 </script>
-
-<style scoped>
-:deep(canvas) {
-  position: absolute !important;
-  top: 0;
-  left: 0;
-  width: 100% !important;
-  height: 100% !important;
-  display: block !important;
-  outline: none;
-}
-</style>
diff --git a/src/extensions/core/load3d/Load3d.ts b/src/extensions/core/load3d/Load3d.ts
index b5f80b29d98..049e1ba570b 100644
--- a/src/extensions/core/load3d/Load3d.ts
+++ b/src/extensions/core/load3d/Load3d.ts
@@ -72,9 +72,7 @@ class Load3d {
     this.renderer.setClearColor(0x282828)
     this.renderer.autoClear = false
     this.renderer.outputColorSpace = THREE.SRGBColorSpace
-    // this.renderer.domElement.classList.add('flex', '!h-full', '!w-full')
-    const canvas = this.renderer.domElement
-    canvas.classList.add(
+    this.renderer.domElement.classList.add(
       'absolute',
       'top-0',
       'left-0',
@@ -83,8 +81,7 @@ class Load3d {
       'block',
       'outline-none'
     )
-
-    container.appendChild(canvas)
+    container.appendChild(this.renderer.domElement)
 
     this.eventManager = new EventManager()
 
@@ -620,7 +617,7 @@ class Load3d {
   }
 
   handleResize(): void {
-    const parentElement = this.renderer?.domElement
+    const parentElement = this.renderer?.domElement?.parentElement
 
     if (!parentElement) {
       console.warn('Parent element not found')

From 67f84fa93bbd06d67147b637bcfdd9a2d8023219 Mon Sep 17 00:00:00 2001
From: Kelly Yang <124ykl@gmail.com>
Date: Fri, 19 Dec 2025 12:25:44 -0800
Subject: [PATCH 4/4] style(css): use inset-0 instead of top/left

---
 src/extensions/core/load3d/Load3d.ts | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/extensions/core/load3d/Load3d.ts b/src/extensions/core/load3d/Load3d.ts
index 049e1ba570b..264b4b2fd72 100644
--- a/src/extensions/core/load3d/Load3d.ts
+++ b/src/extensions/core/load3d/Load3d.ts
@@ -74,11 +74,9 @@ class Load3d {
     this.renderer.outputColorSpace = THREE.SRGBColorSpace
     this.renderer.domElement.classList.add(
       'absolute',
-      'top-0',
-      'left-0',
+      'inset-0',
       'h-full',
       'w-full',
-      'block',
       'outline-none'
     )
     container.appendChild(this.renderer.domElement)