Side navigation
Ticket #4739: resize_contain_test.html
File resize_contain_test.html, 1.0 KB (added by gabrielle27, June 08, 2009 04:34PM UTC)
a standalone html file demonstrating the bug
<html>
<head>
<title>Resizable Containment Test</title>
<link type="text/css" href="http://jqueryui.com/themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="http://jqueryui.com/jquery-1.3.2.js"></script>
<script type="text/javascript" src="http://jqueryui.com/ui/ui.core.js"></script>
<script type="text/javascript" src="http://jqueryui.com/ui/ui.resizable.js"></script>
</head>
<script type="text/javascript">
$(function() {
$("#resizable").resizable({
containment : '#container',
handles : 'all'
});
});
</script>
<div id="spacer1" style="width:100px;height:100px;background-color:yellow;"></div>
<div id="spacer2" style="width:100px;height:300px;float:left;background-color:yellow;"></div>
<div id="container" style="float:left;background-color:blue;width:300px;height:300px;">
<div id="resizable" style="background-color:red;position:absolute;top:200px;left:200px;width:100px;height:100px;">
</div>
</div>
<div id="spacer3" style="clear:both;width:100px;height:100px;background-color:yellow;"></div>
Download in other formats:
Original Format
File resize_contain_test.html, 1.0 KB (added by gabrielle27, June 08, 2009 04:34PM UTC)
a standalone html file demonstrating the bug
<html>
<head>
<title>Resizable Containment Test</title>
<link type="text/css" href="http://jqueryui.com/themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="http://jqueryui.com/jquery-1.3.2.js"></script>
<script type="text/javascript" src="http://jqueryui.com/ui/ui.core.js"></script>
<script type="text/javascript" src="http://jqueryui.com/ui/ui.resizable.js"></script>
</head>
<script type="text/javascript">
$(function() {
$("#resizable").resizable({
containment : '#container',
handles : 'all'
});
});
</script>
<div id="spacer1" style="width:100px;height:100px;background-color:yellow;"></div>
<div id="spacer2" style="width:100px;height:300px;float:left;background-color:yellow;"></div>
<div id="container" style="float:left;background-color:blue;width:300px;height:300px;">
<div id="resizable" style="background-color:red;position:absolute;top:200px;left:200px;width:100px;height:100px;">
</div>
</div>
<div id="spacer3" style="clear:both;width:100px;height:100px;background-color:yellow;"></div>