@getflip/swirl-components 0.184.2 → 0.184.3

package/dist/collection/components/swirl-popover/swirl-popover.js

@@ -86,6 +86,7 @@ export class SwirlPopover {
     const target = event.target;
     const relatedTarget = event.relatedTarget;
     const activeElement = getActiveElement();
+    const swirlComponentsExcludedFromAutoClosing = ["SWIRL-TAB"];
     // Check if the focus has moved outside the popover or its trigger.
     const focusIsOutsidePopover = !this.el.contains(target) && !this.el.contains(activeElement);
     const focusIsNotOnTrigger = target !== this.triggerEl && !this.triggerEl?.contains(target);
@@ -93,7 +94,8 @@ export class SwirlPopover {
       !this.el.contains(relatedTarget || target) &&
       relatedTarget !== this.el;
     // Close the popover if the focus is outside and additional checks for Safari or WKWebView pass.
-    if (focusIsOutsidePopover &&
+    if (!swirlComponentsExcludedFromAutoClosing.includes(target.tagName) &&
+      focusIsOutsidePopover &&
       focusIsNotOnTrigger &&
       (!isSafariOrWKWebView || extraCheckForSafariOrWKWebView)) {
       this.close();