diff --git a/addons/web_editor/static/src/js/wysiwyg/wysiwyg.js b/addons/web_editor/static/src/js/wysiwyg/wysiwyg.js
index 42c257be833..d960b993000 100644
--- a/addons/web_editor/static/src/js/wysiwyg/wysiwyg.js
+++ b/addons/web_editor/static/src/js/wysiwyg/wysiwyg.js
@@ -1572,7 +1572,9 @@ const Wysiwyg = Widget.extend({
                             oldColorpicker.destroy();
                         }
                         manualOpening = true;
-                        $dropdown.children('.dropdown-toggle').dropdown('show');
+                        const $childElement = $dropdown.children('.dropdown-toggle');
+                        const dropdownToggle = new Dropdown($childElement);
+                        dropdownToggle.show();
                         const $colorpicker = $dropdown.find('.colorpicker');
                         const colorpickerHeight = $colorpicker.outerHeight();
                         const toolbarContainerTop = dom.closestScrollable(this.toolbar.el).getBoundingClientRect().top;