fix(Combobox): restore body pointer-event style (#2334)

kricsleo · web-flow · commit 238e0b42b7db · 2025-12-22T16:20:33.000+08:00
diff --git a/packages/core/src/DismissableLayer/DismissableLayer.vue b/packages/core/src/DismissableLayer/DismissableLayer.vue
@@ -11,7 +11,7 @@ import {
   reactive,
   watchEffect,
 } from 'vue'
-import { useForwardExpose } from '@/shared'
+import { isNullish, useForwardExpose } from '@/shared'
 
 export interface DismissableLayerProps extends PrimitiveProps {
   /**
@@ -56,6 +56,7 @@ export type DismissableLayerPrivateEmits = DismissableLayerEmits & {
 export const context = reactive({
   layersRoot: new Set<HTMLElement>(),
   layersWithOutsidePointerEventsDisabled: new Set<HTMLElement>(),
+  originalBodyPointerEvents: undefined as string | undefined,
   branches: new Set<HTMLElement>(),
 })
 </script>
@@ -137,13 +138,12 @@ onKeyStroke('Escape', (event) => {
     emits('dismiss')
 })
 
-let originalBodyPointerEvents: string
 watchEffect((cleanupFn) => {
   if (!layerElement.value)
     return
   if (props.disableOutsidePointerEvents) {
     if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
-      originalBodyPointerEvents = ownerDocument.value.body.style.pointerEvents
+      context.originalBodyPointerEvents = ownerDocument.value.body.style.pointerEvents
       ownerDocument.value.body.style.pointerEvents = 'none'
     }
     context.layersWithOutsidePointerEventsDisabled.add(layerElement.value)
@@ -154,8 +154,9 @@ watchEffect((cleanupFn) => {
     if (
       props.disableOutsidePointerEvents
       && context.layersWithOutsidePointerEventsDisabled.size === 1
+      && !isNullish(context.originalBodyPointerEvents)
     ) {
-      ownerDocument.value.body.style.pointerEvents = originalBodyPointerEvents
+      ownerDocument.value.body.style.pointerEvents = context.originalBodyPointerEvents
     }
   })
 })
