@cqa-lib/cqa-ui 1.1.462 → 1.1.463

package/fesm2020/cqa-lib-cqa-ui.mjs

@@ -2533,9 +2533,14 @@ class DynamicSelectFieldComponent {
         if (this.hostEl?.nativeElement && this.hostEl.nativeElement.contains(target)) {
             return;
         }
-        // If click is inside any open mat-select panel, ignore
+        // Use composedPath() to capture the event dispatch path at the time of the click,
+        // before any DOM mutations triggered by selection-change handlers (e.g. options list
+        // rebuild). Without this, when an option is un-checked the consumer may reassign
+        // config (new reference) which causes Angular to re-render and detach the original
+        // click-target node, making el.contains(target) return false even for in-panel clicks.
+        const eventPath = (event.composedPath ? event.composedPath() : []);
         const panelEls = Array.from(document.querySelectorAll('.mat-select-panel'));
-        const clickInsidePanel = panelEls.some((el) => el.contains(target));
+        const clickInsidePanel = panelEls.some((el) => el.contains(target) || eventPath.includes(el));
         if (clickInsidePanel) {
             return;
         }