Skip to main content

Bug Tracker

Side navigation

#8477 closed bug (duplicate)

Opened March 08, 2011 10:11PM UTC

Closed March 30, 2011 05:25PM UTC

Last modified March 30, 2011 05:25PM UTC

No position() info in children on completing the ajax request filling a hidden div

Reported by: tomexero@gmail.com Owned by: tomexero@gmail.com
Priority: low Milestone: 1.next
Component: css Version: 1.5.1
Keywords: Cc:
Blocked by: Blocking:
Description

If we load some HTML into DIV that has the ''display'' CSS property set to ''none'', the loaded children of that DIV do not get properly initialized - e.g. they lack position and parent info. This happens in Fx 3.6.x and does not happen in IE 8 (where all info is filled as it is supposed to).

Test files:

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="cache-control" content="max-age=600" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
</head>
<body>
<div style="position:relative;width:400px;height:400px;">
<div style="position:relative;width:400px;height:400px;">
<div id="box" style="display:none;position:absolute;top:60px;left:70px;width:60px;height:60px;background:red;"></div>
</div>
</div>
<script type="text/javascript">
$.ajax({
url: 'load.html', //local file
complete: function(data){
$('div#box').html(data.responseText);
var anchor = $('div#box .anchor').eq(0);
alert(anchor.css('width')+','+anchor.css('top')); 
// shows "60px,0px" in Fx and "60px,60px" in IE
return false;
},
dataType: 'html'
});
</script>
</body>
</html>

local.html:

<div style="position:relative;width:400px;height:400px;">
<div style="position:relative;width:400px;height:400px;">
<div class="anchor" style="position:absolute;top:60px;left:70px;width:60px;height:60px"></div>
</div>
</div>
Attachments (0)
Change History (6)

Changed March 08, 2011 10:18PM UTC by anonymous comment:1

There is a typo, sorry - the second file should be named "load.html", not "local.html".

Changed March 09, 2011 01:59AM UTC by dmethvin comment:2

owner: → tomexero@gmail.com
status: newpending

Please submit a test case in jsfiddle, as requested in the red box above. Thanks!

Changed March 09, 2011 02:11PM UTC by tomexero@gmail.com comment:3

status: pendingnew

I am sorry, I tried, but I still have no idea how to precisely simulate this case - loading a separate HTML file into the existing code - in jsFiddle.

Could you please use the code provided in the ticked description to create both files neccessary to replicate the bug?

Changed March 14, 2011 09:19AM UTC by anonymous comment:4

Replying to [comment:2 dmethvin]:

Please submit a test case in jsfiddle, as requested in the red box above. Thanks!

Hi, what is the current status of this ticket? Is it going to be repaired?

Changed March 30, 2011 05:25PM UTC by rwaldron comment:5

component: unfiledcss
priority: undecidedlow
resolution: → duplicate
status: newclosed

Changed March 30, 2011 05:25PM UTC by rwaldron comment:6

Duplicate of #7305.