294962 - div position moves when set to overflow:hidden and floated and another div's display is toggled.

Status: RESOLVED WORKSFORME

(Core :: Layout: Floats, defect)

Description

[mark kahn]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.6) Gecko/20050225 Firefox/1.0.1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.6) Gecko/20050225 Firefox/1.0.1

see http://test.webstorepackage.com/Poing/firefoxbug.html .  It's fairly
self-explanatory.

I have 2 divs, A and B that are both floated left.  A has a nested div, C.  B
has "overflow:auto" set.  When div C is hidden/displayed, div B temporarily
jumps into the position that div C occupies and then jumps back.

Reproducible: Always

Steps to Reproduce:
<STYLE>
.c{
	overflow:auto;
	float:left;
	width:500px;
	height:82px;
	background-color:red;
}
.b{
	position:relative;
	float:left;
	width:500px;
	height:410px;
}
</STYLE>

<DIV class=b>
	<DIV id=IE1_r_0>Move the mouse around.  This display of this div rapidly shifts
from 'none' to 'block'.  The red div to the right jumps here each time.  That
shouldn't happen.</DIV>
</DIV>
<DIV class=c>test</DIV>


<SCRIPT>
var iC = 0;
var iE = document.getElementById('IE1_r_0');
document.onmousemove = function(){
	iE.style.display = ((iC++)%2==0)?'none':'block';
}
</SCRIPT>
Actual Results:  
yeah, ...um...I'm going to leave this blank.

Expected Results:  
is this really needed?

Comment 1

[Frédéric Buclin]

I have absolutely no idea where to redirect this bug. Trying Firefox.

Comment 2

[djpohly]

-> Layout: Floats

Broken on Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.8)
Gecko/20050511 Firefox/1.0.4

Fixed on Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b2)
Gecko/20050520 Firefox/1.0+

Likely a dup of something FIXED.

Comment 3

[Jason Barnabe (np)]

Yup, seems fixed already.