fix popover arrow by selecting the first element child

diff --git a/js/src/tooltip.js b/js/src/tooltip.js
index 8a832a973521bac08bbb281390e7639f880aa247..7b792bc711cde283c6b378673c42b9e63f441328 100644 (file)
--- a/js/src/tooltip.js
+++ b/js/src/tooltip.js
@@ -111,8 +111,7 @@ const ClassName = {
 }
 
 const Selector = {
-  TOOLTIP_INNER: '.tooltip-inner',
-  TOOLTIP_ARROW: '.tooltip-arrow'
+  TOOLTIP_INNER: '.tooltip-inner'
 }
 
 const Trigger = {
@@ -310,7 +309,7 @@ class Tooltip {
             behavior: this.config.fallbackPlacement
           },
           arrow: {
-            element: Selector.TOOLTIP_ARROW
+            element: `.${this.constructor.NAME}-arrow`
           },
           preventOverflow: {
             boundariesElement: this.config.boundary