Dropdown menu from sticky header does not scroll when out of viewport

[zzella]

Describe the bug If a dropdown menu has enough items that it extends below the bottom of the viewport, those items cannot be scrolled to when in Sticky Header mode.

To Reproduce

1. Turn on Sticky header
2. Create a dropdown menu that has many items (or reduce browser window height) so that the dropdown height is bigger than the viewport and the dropdown menu goes down off the screen
3. Scroll the page so that the sticky header appears
4. Hover on the dropdown menu and try to reach items that are below the fold. Scrolling scrolls the page behind the menu and not the menu itself. This is not an issue when the header is in normal mode (not sticky), it only occurs when sticky header is active.

Expected behavior Expected to be able to scroll the menu to reach the items below the fold, or for the menu to scroll with the page so the items lower down scroll into view

Screenshots If applicable, add screenshots to help explain your problem.

System Informations (please complete the following information):

• Joomla Version: 5
• PHP Version 8.4.1
• Astroid Version 3.1.0
• Device: macbook
• OS: macOs 12.6.1
• Browser: Chrome Version 136.0.7103.93

Additional context Can be fixed by adding a max-height and overflow:scroll to the dropdown container but this causes the menu to scroll rather than move with the page.