From bfb1b80cd74382c50ae0cc3a69dde997fc08cbc7 Mon Sep 17 00:00:00 2001
From: Terry Jia <terryjia88@gmail.com>
Date: Sun, 16 Feb 2025 09:35:20 -0500
Subject: [PATCH] [3d] bug fix for unable click vue button (#2581)

---
 src/components/load3d/Load3DAnimationControls.vue | 2 +-
 src/components/load3d/Load3DControls.vue          | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/load3d/Load3DAnimationControls.vue b/src/components/load3d/Load3DAnimationControls.vue
index 773bc1c7a..cda246c15 100644
--- a/src/components/load3d/Load3DAnimationControls.vue
+++ b/src/components/load3d/Load3DAnimationControls.vue
@@ -20,7 +20,7 @@
 
     <div
       v-if="animations && animations.length > 0"
-      class="absolute top-0 left-0 w-full flex justify-center pt-2 gap-2 items-center z-10"
+      class="absolute top-0 left-0 w-full flex justify-center pt-2 gap-2 items-center pointer-events-auto z-10"
     >
       <Button class="p-button-rounded p-button-text" @click="togglePlay">
         <i
diff --git a/src/components/load3d/Load3DControls.vue b/src/components/load3d/Load3DControls.vue
index 068c9e47f..6d3dcdc0f 100644
--- a/src/components/load3d/Load3DControls.vue
+++ b/src/components/load3d/Load3DControls.vue
@@ -1,5 +1,7 @@
 <template>
-  <div class="absolute top-2 left-2 flex flex-col gap-2 z-20">
+  <div
+    class="absolute top-2 left-2 flex flex-col gap-2 pointer-events-auto z-20"
+  >
     <Button class="p-button-rounded p-button-text" @click="toggleCamera">
       <i
         class="pi pi-camera text-white text-lg"