From 96d53029143f4e881d60a2b30e40c0a5c8bbdd7b Mon Sep 17 00:00:00 2001 From: "Mahdi Cheikh Rouhou (macr)" Date: Mon, 5 Feb 2024 13:04:00 +0100 Subject: [PATCH] [FIX] web_editor : hide dropdown on blur toolbar studio Steps to reproduce: =================== - Open any app (sales for example) - Toggle studio - select reports tab - Select any report - Select some text and open any dropdown (font size or color) - Click somewhere else on the document - Select some text again - The dropdown stayed open from the first select Origin of the issue: ==================== Clicking somewhere on the document in studio doesn't trigger the events `defined in bootstrap/js/dist/dropdown.js` because of the iframe. Solution: ========= Trigger click event on toggle button for the opened dropdown when hiding the toolbar to close them task-3674736 closes odoo/odoo#154969 X-original-commit: 878f3b27966a278a9332ef43e827eb2006911583 Signed-off-by: Antoine Guenet (age) Signed-off-by: Mahdi Cheikh Rouhou (macr) --- .../static/src/js/editor/odoo-editor/src/OdooEditor.js | 3 +++ 1 file changed, 3 insertions(+) diff --git a/addons/web_editor/static/src/js/editor/odoo-editor/src/OdooEditor.js b/addons/web_editor/static/src/js/editor/odoo-editor/src/OdooEditor.js index b5da8e40196..065f791a743 100644 --- a/addons/web_editor/static/src/js/editor/odoo-editor/src/OdooEditor.js +++ b/addons/web_editor/static/src/js/editor/odoo-editor/src/OdooEditor.js @@ -3136,6 +3136,9 @@ export class OdooEditor extends EventTarget { this.toolbar.style.visibility = show ? 'visible' : 'hidden'; } if (show === false) { + for (const menu of this.toolbar.querySelectorAll('.dropdown-menu.show')) { + menu.parentElement?.querySelector('[data-bs-toggle="dropdown"]')?.click(); + }; return; } }