MDL-57557 theme_boost: tweak js popover settings

Added the focus trigger to non hover popovers so that they close when
they lose focus.

Also added a 500ms delay to hiding the hover triggered popover to give
time for clicking on the contents.

diff --git a/theme/boost/amd/build/loader.min.js b/theme/boost/amd/build/loader.min.js
index 89873f6..d331f28 100644 (file)
Binary files a/theme/boost/amd/build/loader.min.js and b/theme/boost/amd/build/loader.min.js differ

diff --git a/theme/boost/amd/src/loader.js b/theme/boost/amd/src/loader.js
index 51aff15..bfd6d50 100644 (file)
--- a/theme/boost/amd/src/loader.js
+++ b/theme/boost/amd/src/loader.js
@@ -43,13 +43,17 @@ define(['jquery', './tether', 'core/event'], function(jQuery, Tether, Event) {
 
         // We do twice because: https://github.com/twbs/bootstrap/issues/10547
         jQuery('body').popover({
+            trigger: 'focus',
             selector: "[data-toggle=popover][data-trigger!=hover]"
         });
 
         jQuery("html").popover({
             container: "body",
             selector: "[data-toggle=popover][data-trigger=hover]",
-            trigger: "hover"
+            trigger: "hover",
+            delay: {
+                hide: 500
+            }
         });
 
         // We need to call popover automatically if nodes are added to the page later.