Placement auto for popovers

diff --git a/js/src/popover.js b/js/src/popover.js
index 6c9d7866470f53848a8ac99f8d693ef1a57149aa..a068420d63cdc8be6b42273ca8a3812a6ba8b3ac 100644 (file)
--- a/js/src/popover.js
+++ b/js/src/popover.js
@@ -23,7 +23,7 @@ const Popover = (($) => {
   const EVENT_KEY           = `.${DATA_KEY}`
   const JQUERY_NO_CONFLICT  = $.fn[NAME]
   const CLASS_PREFIX        = 'bs-popover'
-  const BSCLS_PREFIX_REGEX = new RegExp(`(^|\\s)${CLASS_PREFIX}\\S+`, 'g')
+  const BSCLS_PREFIX_REGEX  = new RegExp(`(^|\\s)${CLASS_PREFIX}\\S+`, 'g')
 
   const Default = $.extend({}, Tooltip.Default, {
     placement : 'right',

diff --git a/js/tests/visual/popover.html b/js/tests/visual/popover.html
index 93fa01f9da9eafbb76dd00067a566c557f6b4e5d..2354abf4250179d77eac9c3f6218cf80b078e1ba 100644 (file)
--- a/js/tests/visual/popover.html
+++ b/js/tests/visual/popover.html
@@ -10,6 +10,10 @@
     <div class="container">
       <h1>Popover <small>Bootstrap Visual Test</small></h1>
 
+      <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="auto" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
+        Popover on auto
+      </button>
+
       <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="top" data-content="Default placement was on top but not enough place">
         Popover on top
       </button>

diff --git a/scss/_popover.scss b/scss/_popover.scss
index 53b5593332f0c1e964841b9967e5ca743b055c50..e3a0d9d6d5eee4f3e8e815aecb5cc5f70af9322b 100644 (file)
--- a/scss/_popover.scss
+++ b/scss/_popover.scss
@@ -156,6 +156,20 @@
       border-left-color: $popover-arrow-color;
     }
   }
+  &.bs-popover-auto {
+    &[x-placement^="top"] {
+      @extend .bs-popover-top;
+    }
+    &[x-placement^="right"] {
+      @extend .bs-popover-right;
+    }
+    &[x-placement^="bottom"] {
+      @extend .bs-popover-bottom;
+    }
+    &[x-placement^="left"] {
+      @extend .bs-popover-left;
+    }
+  }
 }