Better placement for Dropdown + Handle flip of Tooltip/Popover

js/src/dropdown.js

@@ -65,8 +65,8 @@ const Dropdown = (($) => {
   }
 
   const AttachmentMap = {
-    TOP    : 'top',
-    BOTTOM : 'bottom'
+    TOP    : 'top-start',
+    BOTTOM : 'bottom-start'
   }
 
   const Default = {

js/src/tooltip.js

@@ -287,6 +287,12 @@ const Tooltip = (($) => {
             offset : {
               offset : this.config.offset
             }
+          },
+          onCreate : (data) => {
+            this._handlePopperPlacementChange(data)
+          },
+          onUpdate : (data) => {
+            this._handlePopperPlacementChange(data)
           }
         })
 
@@ -637,6 +643,12 @@ const Tooltip = (($) => {
       }
     }
 
+    _handlePopperPlacementChange(data) {
+      if (data.originalPlacement !== data.placement) {
+        this._cleanTipClass()
+        this.addAttachmentClass(this._getAttachment(data.placement))
+      }
+    }
 
     // static