PDA

View Full Version : [CLOSED] IE7 Ext.Resizer bug



mankz
4 Apr 2013, 2:03 PM
Resizing a div inside a containing element with position:absolute doesn't work in IE7. IE8-IE10 and all other browsers handle this ok. Launch this test case and try to resize the rectangle.


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--Ext and ux styles -->
<link href="http://cdn.sencha.com/ext/gpl/4.2.0/resources/css/ext-all.css" rel="stylesheet" type="text/css"/>

<style type="text/css">
.wrap
{
position : absolute;
left:10px;
top:50px;
}

.item
{
background:#ddd;
border:1px solid #000;
height:20px;
}

</style>

<!--Ext lib -->
<script src="http://cdn.sencha.com/ext/gpl/4.2.0/ext-all.js" type="text/javascript"></script>

</head>
<body>
<div class="wrap">
<div style="width:210px;" class="item">RESIZE ME</div>
</div>
<!--Application files-->
<script type="text/javascript">
Ext.create('Ext.resizer.Resizer', {
handles : 'e',
pinned : true,
target : Ext.getBody().down('.item')
});
</script>
</body>
</html>

slemmon
4 Apr 2013, 2:45 PM
Thanks for the report! I have opened a bug in our bug tracker.