@mulmoclaude/collection-plugin 0.13.1 → 0.13.2

package/dist/vue.js

@@ -4461,8 +4461,18 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 		const activeFlagFilterCount = computed(() => flagChips.value.filter((chip) => flagFilterMode(chip.key) !== void 0).length);
 		const filterMenuOpen = ref(false);
 		const filterMenuRef = ref(null);
+		/** Shadow-DOM-safe "did this event land inside the element?". A document-level
+		*  listener sees `event.target` retargeted to the shadow HOST when the
+		*  component is mounted in a shadow root (MulmoTerminal's PluginFrame), so
+		*  `element.contains()` is always false there and the menu closes on the
+		*  mousedown before the inner button's click can fire. `composedPath()` still
+		*  lists the element for open shadow trees — and in the light DOM too, so both
+		*  hosts share this one test. */
+		function eventInsideElement(event, element) {
+			return element !== null && event.composedPath().includes(element);
+		}
 		function closeFilterMenuOnOutsideClick(event) {
-			if (!filterMenuRef.value?.contains(event.target)) filterMenuOpen.value = false;
+			if (!eventInsideElement(event, filterMenuRef.value)) filterMenuOpen.value = false;
 		}
 		watch(filterMenuOpen, (open) => {
 			if (open) document.addEventListener("mousedown", closeFilterMenuOnOutsideClick);
@@ -4991,7 +5001,7 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 			addMenuOpen.value = !addMenuOpen.value;
 		}
 		function closeAddMenuOnOutsideClick(event) {
-			if (!addMenuRef.value?.contains(event.target)) addMenuOpen.value = false;
+			if (!eventInsideElement(event, addMenuRef.value)) addMenuOpen.value = false;
 		}
 		watch(addMenuOpen, (open) => {
 			if (open) document.addEventListener("mousedown", closeAddMenuOnOutsideClick);