359177 - CSS bug when a submenu it's on a div positioned absolutely.

Status: RESOLVED INVALID

(Core :: Layout: Columns, defect)

Description

[Luis]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1) Gecko/20061010 Firefox/2.0
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1) Gecko/20061010 Firefox/2.0

It's a bit complicated to explain it. Well see, if you have a layout that uses "equal height columns", so you needed to apply the css code by setting on every column: padding-bottom:9999px; margin-bottom:-9999px; and in the container: overflow:hidden;
(<a href="http://www.positioniseverything.net/articles/onetruelayout/equalheight">see this method: "Equal height columns"</a>). I encounter a problem when my sub-navigation came out with display:block, the 9999px height open down creating a big scroll, so overflow:hidden failed. Now I have set the nav absoluted positioned, and it's working fine, but this error only happened in Firefox, not IE6/7 bug, not Opera bug and not in Safari either.

If you need a better example copy the code of my page and put to #nav position:absolute; you will see.

Thanks a lot, and thanks for doing my job easier with FF.

Reproducible: Always

Steps to Reproduce:
1. Create a Equal height columns layout
2. Set a nav div with absolute positioning, and create a List based navigation inside (two levels)
3. Apply display none to the subnavigation (the UL inside and UL LI) on hover
4. Hover the LI that contains the UL inside.

Actual Results:  
Observe how the overflow hidden of the div containing the columns, fail, and it show all the pixels down.

Expected Results:  
Not to show the overflow

http://www.httpcomunicacio.com/demo/nt/en/index.php

Comment 1

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

I don't see any reason this should be marked as a security bug.

Comment 2

[Jan Honza Odvarko [:Honza] (always need-info? me)]

I'm moving this to the Layout::Colums. Please let me know if that's not the appropriate target component. Thank you!

Comment 3

[Ting-Yu Lin [:TYLin] (PDT, UTC-7)]

This link is down http://www.httpcomunicacio.com/demo/nt/en/index.php, so it's difficult to create a testcase. Regarding creating "equal height columns", it's better to use multi-column layout https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_multicol_layout/Basic_concepts.

I'm going to close this bug, but feel free to create a new one if you still see any unexpected behavior.