Foundation-sites: F6.5 Drilldown Submenu height calculation wrong when toggled

Created on 21 Jul 2018  路  1Comment  路  Source: foundation/foundation-sites






I'm using the Drilldown Menu in combination with Responsive Navigation and Top Bar.

What should happen?

When Drilldown is closed and reopened after navigating to a submenu, height for ".is-drilldown"
should be height of ".is-drilldown-submenu.is-active"

What happens instead?

seems that height for ".is-drilldown" is recalculated from "ul.drilldown".
This results in overlapping active Submenu over Main Menu, if Main Menu is heighter
than Submenu

Possible Solution


Test Case and/or Steps to Reproduce




Test Case:
https://codepen.io/magic77/pen/vagxYL



How to reproduce:

  1. Scale your browser down to see the toggle Button
  2. Open Mobile Menu, and click "Produkte OPEN ME"
  3. Click "Produkte 2 OPEN ME"
  4. Close and reopen Mobile Menu

Context



Your Environment


  • Foundation version(s) used: 6.5.0-rc.2
  • Browser(s) name and version(s): Chrome 67.0.3396.99
  • Operating System and version (desktop or mobile): Mint Linux 18.3, Desktop

Checklist (all required):


  • [x] I have read and follow the CONTRIBUTING.md document.
  • [x] There are no other issues similar to this one.
  • [x] The issue title is descriptive.
  • [x] The template is correctly filled.




Drilldown Menu PR open 馃悰bug

Most helpful comment

Hi @magic-77. Thank you for the report and the test case! I'm working on a fix.
See https://github.com/zurb/foundation-sites/pull/11425

>All comments

Hi @magic-77. Thank you for the report and the test case! I'm working on a fix.
See https://github.com/zurb/foundation-sites/pull/11425

Was this page helpful?
0 / 5 - 0 ratings