[FIX] website: enable opening of dropdowns after a scroll

This commit allows to reopen submenus and mega menus if one of them was
opened when scrolling on a page of a website.

Steps to reproduce the bug fixed by this commit.
- Have a submenu or a mega menu in the navbar
- Open a dropdown of the navbar
- Scroll down

=> It is no longer possible to open the dropdown.

This commit fixes this issue and adds a test for this flow.

task-3133137
opw-3226013

X-original-commit: 9b1de9e28697edbb6e1fa88665294f983f60e37f
Part-of: odoo/odoo#118842

addons/website/static/src/js/content/menu.js

@@ -244,8 +244,12 @@ const BaseAnimatedHeader = animations.Animation.extend({
         }
 
         if (this.closeOpenedMenus) {
-            this.$dropdowns.removeClass('show');
-            this.$navbarCollapses.removeClass('show').attr('aria-expanded', false);
+            // TODO master: make this.$dropdowns the .dropdown-toggle directly.
+            for (const dropdownMenuEl of this.$dropdowns) {
+                Dropdown.getOrCreateInstance(
+                    dropdownMenuEl.closest('.dropdown').querySelector('.dropdown-toggle')
+                ).hide();
+            }
         }
     },
     /**

addons/website/static/tests/tours/edit_menus.js

@@ -149,6 +149,8 @@ wTourUtils.registerWebsitePreviewTour('edit_menus', {
         trigger: '.modal-footer .btn-primary',
         extra_trigger: '.oe_menu_editor .js_menu_label:contains("Modnar !!")',
     },
+    // Drag a block to be able to scroll later.
+    wTourUtils.dragNDrop({id: 's_media_list', name: 'Media List'}),
     ...wTourUtils.clickOnSave(),
     wTourUtils.clickOnExtraMenuItem({extra_trigger: 'iframe body:not(.editor_enable)'}, true),
     {
@@ -176,6 +178,17 @@ wTourUtils.registerWebsitePreviewTour('edit_menus', {
         trigger: '.oe_menu_editor li:contains("Home") ul li:contains("Contact us")',
         run: () => {}, // It's a check.
     },
+    // Drag the Mega menu to the first position.
+    {
+        content: "Drag Mega at the top",
+        trigger: '.oe_menu_editor li:contains("Megaaaaa!") > .ui-sortable-handle',
+        run: "drag_move_and_drop [0,0]@.oe_menu_editor li:contains('Home') > .ui-sortable-handle => .oe_menu_editor li",
+    },
+    {
+        content: "Wait for drop",
+        trigger: '.oe_menu_editor:first-child:contains("Megaaaaa!")',
+        run: () => {}, // It's a check.
+    },
     {
         content: "Save the website menu with new nested menus",
         trigger: '.modal-footer .btn-primary',
@@ -184,9 +197,62 @@ wTourUtils.registerWebsitePreviewTour('edit_menus', {
         content: "Menu item should have a child",
         trigger: 'iframe #top_menu .nav-item a.dropdown-toggle:contains("Home")',
     },
+    // Check that with the auto close of dropdown menus, the dropdowns remain
+    // openable.
     {
         content: "When menu item is opened, child item must appear in the shown menu",
         trigger: 'iframe #top_menu .nav-item:contains("Home") ul.show li a.dropdown-item:contains("Contact us")[href="/contactus"]',
+        run: function () {
+            // Scroll down.
+            this.$anchor[0].closest('body').querySelector('.o_footer_copyright_name')
+                .scrollIntoView(true);
+        },
+    },
+    {
+        content: "The Home menu should be closed",
+        trigger: 'iframe #top_menu .nav-item:contains("Home"):has(ul:not(.show))',
         run: () => {}, // It's a check.
     },
+    {
+        content: "Open the Home menu after scroll",
+        trigger: 'iframe #top_menu .nav-item a.dropdown-toggle:contains("Home")',
+    },
+    {
+        content: "Check that the Home menu is opened",
+        trigger: 'iframe #top_menu .nav-item:contains("Home") ul.show li' +
+            ' a.dropdown-item:contains("Contact us")[href="/contactus"]',
+        run: () => {}, // It's a check.
+    },
+    {
+        content: "Close the Home menu",
+        trigger: 'iframe #top_menu .nav-item:has(a.dropdown-toggle:contains("Home"))',
+    },
+    {
+        content: "Check that the Home menu is closed",
+        trigger: 'iframe #top_menu .nav-item:contains("Home"):has(ul:not(.show))',
+        run: () => {}, // It's a check.
+    },
+    {
+        content: "Open the mega menu",
+        trigger: 'iframe #top_menu .nav-item a.o_mega_menu_toggle:contains("Megaaaaa!")',
+    },
+    {
+        content: "When the mega menu is opened, scroll up",
+        trigger: 'iframe #top_menu .o_mega_menu_toggle.show',
+        run: function () {
+            // Scroll up.
+            this.$anchor[0].closest('body').querySelector('.s_media_list_item:nth-child(2)')
+                .scrollIntoView(true);
+        }
+    },
+    {
+        content: "Open the mega menu after scroll",
+        trigger: 'iframe #top_menu .nav-item a.o_mega_menu_toggle:contains("Megaaaaa!")',
+    },
+    {
+        content: "Check that the mega menu is opened",
+        trigger: 'iframe #top_menu .nav-item:has(a.o_mega_menu_toggle:contains("Megaaaaa!")) ' +
+                 '.s_mega_menu_odoo_menu',
+        run: () => {}, // It's a check.
+    }
 ]);