From ca2aee296ab10976e95b10c0026ff53994df63f8 Mon Sep 17 00:00:00 2001
From: Chenlei Hu <huchenlei@proton.me>
Date: Tue, 11 Feb 2025 21:41:47 -0500
Subject: [PATCH] [Cleanup] Remove unnecessary pointer-event-auto (#2523)

---
 src/components/MenuHamburger.vue                  | 2 +-
 src/components/graph/GraphCanvasMenu.vue          | 2 +-
 src/components/load3d/Load3DAnimationControls.vue | 2 +-
 src/components/load3d/Load3DControls.vue          | 4 +---
 src/components/searchbox/NodeSearchBox.vue        | 2 +-
 src/components/topbar/SecondRowWorkflowTabs.vue   | 2 +-
 src/views/MaintenanceView.vue                     | 2 +-
 src/views/templates/BaseViewTemplate.vue          | 2 +-
 8 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/components/MenuHamburger.vue b/src/components/MenuHamburger.vue
index bd19f81fc..70532cecc 100644
--- a/src/components/MenuHamburger.vue
+++ b/src/components/MenuHamburger.vue
@@ -57,6 +57,6 @@ const positionCSS = computed<CSSProperties>(() =>
 
 <style scoped>
 .comfy-menu-hamburger {
-  @apply pointer-events-auto fixed z-[9999] flex flex-row;
+  @apply fixed z-[9999] flex flex-row;
 }
 </style>
diff --git a/src/components/graph/GraphCanvasMenu.vue b/src/components/graph/GraphCanvasMenu.vue
index 03d1d7066..060efb356 100644
--- a/src/components/graph/GraphCanvasMenu.vue
+++ b/src/components/graph/GraphCanvasMenu.vue
@@ -1,6 +1,6 @@
 <template>
   <ButtonGroup
-    class="p-buttongroup-vertical absolute bottom-[10px] right-[10px] z-[1000] pointer-events-auto"
+    class="p-buttongroup-vertical absolute bottom-[10px] right-[10px] z-[1000]"
   >
     <Button
       severity="secondary"
diff --git a/src/components/load3d/Load3DAnimationControls.vue b/src/components/load3d/Load3DAnimationControls.vue
index cda246c15..773bc1c7a 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 pointer-events-auto z-10"
+      class="absolute top-0 left-0 w-full flex justify-center pt-2 gap-2 items-center 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 b0fd515e6..329fda821 100644
--- a/src/components/load3d/Load3DControls.vue
+++ b/src/components/load3d/Load3DControls.vue
@@ -1,7 +1,5 @@
 <template>
-  <div
-    class="absolute top-2 left-2 flex flex-col gap-2 pointer-events-auto z-20"
-  >
+  <div class="absolute top-2 left-2 flex flex-col gap-2 z-20">
     <Button class="p-button-rounded p-button-text" @click="toggleCamera">
       <i class="pi pi-camera text-white text-lg"></i>
     </Button>
diff --git a/src/components/searchbox/NodeSearchBox.vue b/src/components/searchbox/NodeSearchBox.vue
index 78c9f0db0..47c9c9cd7 100644
--- a/src/components/searchbox/NodeSearchBox.vue
+++ b/src/components/searchbox/NodeSearchBox.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="comfy-vue-node-search-container flex justify-center items-center w-full min-w-96 pointer-events-auto"
+    class="comfy-vue-node-search-container flex justify-center items-center w-full min-w-96"
   >
     <div
       class="comfy-vue-node-preview-container absolute left-[-350px] top-[50px]"
diff --git a/src/components/topbar/SecondRowWorkflowTabs.vue b/src/components/topbar/SecondRowWorkflowTabs.vue
index 5a9509b24..17db2a0a4 100644
--- a/src/components/topbar/SecondRowWorkflowTabs.vue
+++ b/src/components/topbar/SecondRowWorkflowTabs.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="absolute top-0 left-0 w-auto max-w-full pointer-events-auto">
+  <div class="absolute top-0 left-0 w-auto max-w-full">
     <WorkflowTabs />
   </div>
 </template>
diff --git a/src/views/MaintenanceView.vue b/src/views/MaintenanceView.vue
index f0fc7e429..12ae93140 100644
--- a/src/views/MaintenanceView.vue
+++ b/src/views/MaintenanceView.vue
@@ -1,7 +1,7 @@
 <template>
   <BaseViewTemplate dark>
     <div
-      class="min-w-full min-h-full font-sans w-screen h-screen grid justify-around text-neutral-300 bg-neutral-900 dark-theme pointer-events-auto overflow-y-auto"
+      class="min-w-full min-h-full font-sans w-screen h-screen grid justify-around text-neutral-300 bg-neutral-900 dark-theme overflow-y-auto"
     >
       <div class="max-w-screen-sm w-screen m-8 relative">
         <!-- Header -->
diff --git a/src/views/templates/BaseViewTemplate.vue b/src/views/templates/BaseViewTemplate.vue
index 653279b0d..6c6b0ddbe 100644
--- a/src/views/templates/BaseViewTemplate.vue
+++ b/src/views/templates/BaseViewTemplate.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="font-sans w-screen h-screen flex flex-col pointer-events-auto"
+    class="font-sans w-screen h-screen flex flex-col"
     :class="[
       props.dark
         ? 'text-neutral-300 bg-neutral-900 dark-theme'