#8477 closed bug (duplicate)
No position() info in children on completing the ajax request filling a hidden div
| Reported by: | Owned by: | ||
|---|---|---|---|
| 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>
Change History (6)
comment:1 Changed 9 years ago by
comment:2 follow-up: 4 Changed 9 years ago by
| Owner: | set to tomexero@… |
|---|---|
| Status: | new → pending |
Please submit a test case in jsfiddle, as requested in the red box above. Thanks!
comment:3 Changed 9 years ago by
| 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?
comment:4 Changed 9 years ago by
Replying to 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?
comment:5 Changed 9 years ago by
| 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".