Fix Bootstrap 5 usage (#329)

* Close #327: Fix Bootstrap 5 usage
itsjavi · Jun 3, 2021 · b974649 · b974649 · mfauveau · Sep 5, 2021
1 parent 0ac1f43
commit b974649
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/js/PopupHandler.js b/src/js/PopupHandler.js
@@ -227,7 +227,16 @@ class PopupHandler {
       )
     );
 
-    this.popoverTip = $(this.popoverTarget.popover('getTipElement').data('bs.popover').tip);
+    /* Bootstrap 5 added an official method to get the popover instance */
+    /* global bootstrap */
+    const useGetInstance = window.bootstrap &&
+      window.bootstrap.Popover &&
+      window.bootstrap.Popover.getInstance;
+
+    this.popoverTip = useGetInstance ?
+      $(bootstrap.Popover.getInstance(this.popoverTarget[0]).getTipElement()) :
+      $(this.popoverTarget.popover('getTipElement').data('bs.popover').tip);
+
     this.popoverTip.addClass('colorpicker-bs-popover');
 
     this.popoverTarget.on('shown.bs.popover', $.proxy(this.fireShow, this));