Foundation-sites: drilldown data-auto-height not working

Created on 13 Sep 2017  ·  6Comments  ·  Source: foundation/foundation-sites

I made a responsive topbar as i dit in 6.3. Horizontal dropdown on medium and large. Drilldown on small. As always i added data-auto-height. In Foundation 6.4.1 hower when navigating to a submenu, only the back-button is visible.
My guess is that the height ofthe "back"-listitem is not taken into account when calculating the height, which results in one listitem (the last) not being visible.

Drilldown Menu 🐛bug

Most helpful comment

Please do not use !important.
Can it still be reproduced in 6.5.3?

Better patch the root cause instead of such a hack / workaround.

All 6 comments

Can you post an example codepen or the code itself so we can help more?

Hey Rafi,
This issue seems to be fixed in 6.4.3.

I reopend this, caus it isn't working. I removed it from my menu

recreate it. First time page is loaded, it works. Moving to another page breaks it. I recorded a screenshot. Look at it at http://phobostestbe.webhosting.be/screencapture/Schermopname.mp4

One can only guess how many headaches this issue has caused to people all this time.
What is really amazing is how easy the fix to this actually is.

Add this to your styles and the bug disappears like magic
.is-drilldown { overflow:visible !important }

Credit to Parth Trivedi, this man deserves a medal 🥇
https://stackoverflow.com/a/34612656/1260424

Please do not use !important.
Can it still be reproduced in 6.5.3?

Better patch the root cause instead of such a hack / workaround.

Was this page helpful?
0 / 5 - 0 ratings