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 comment:1
Changed March 09, 2011 01:59AM UTC by comment:2
| owner: | → tomexero@gmail.com |
|---|---|
| status: | new → pending |
Please submit a test case in jsfiddle, as requested in the red box above. Thanks!
Changed March 09, 2011 02:11PM UTC by comment:3
| status: | pending → new |
|---|
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 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 comment:5
| component: | unfiled → css |
|---|---|
| priority: | undecided → low |
| resolution: | → duplicate |
| status: | new → closed |
There is a typo, sorry - the second file should be named "load.html", not "local.html".