Close popups on click outside (CO-2236) (#16)

* Close popups on click outside (CO-2236) * Make popup selector consistent (CO-2236)
COmanage · Oct 12, 2021 · 9e39142 · 9e39142
1 parent f4b84e6
commit 9e39142
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/app/templates/element/javascript.php b/app/templates/element/javascript.php
@@ -112,11 +112,18 @@
       }
     });
 
-    // Hide custom user menu items on click outside
+    // Click outside behaviors
     $(document).on('click', function (e) {
+      // Hide custom user menu items on click outside
       if ($(e.target).closest("#user-panel").length === 0) {
         $("#user-panel").hide();
       }
+      // Hide popovers on click outside but don't close current popover when interacting with content inside it
+      $('#content [data-toggle="popover"]').each(function () {
+        if (!$(this).is(e.target) && $('.popover.show').has(e.target).length === 0) {
+          $(this).popover('hide');
+        }
+      });
     });
 
     // TOP SEARCH FILTER FORM
@@ -173,9 +180,7 @@
     $("select").addClass("form-control");
 
     // Enable Bootstrap Popovers. Unless needed elsewhere, constrain this to #content
-    $(function () {
-      $('#content [data-toggle="popover"]').popover()
-    });
+    $('#content [data-toggle="popover"]').popover();
 
     // Other buttons (jQuery)
     $(".addbutton").button({