resizable inside resizable object

[zackniwa]

The issue is simple, I have a div, which is resizable, and another div, resizable too, inside the first resizable div. The handles are the same, but when I want to resize the parent div, nothing happen. The div inside is working perfectly with all the setting, but it block the resize of the parent. There is a sample source code of that issue.

<script>
	$('#ok_div').resizable({handles:'e'});
	$('#error_div').resizable({containment:'#error_div',handles:'e'});
</script>


<div id="error_div" style="width:200px; height: 200px;border: 1px solid #F00;">
	<div id="ok_div" style="width:100px; height: 100px;border: 1px solid #000;">
	</div>
</div>

Sorry, I work locally so I have no link to provide with this example. All you have to do is include Jquery UI with resizable core.

And sorry for my english, I'm not really good.

JQuery Version 1.8.1

Jquery UI Version 1.8.23

[zackniwa]

Sorry, I sent an error in my containment: Here's the correction.

<script>
	$('#ok_div').resizable({containment:'#error_div',handles:'e'});
	$('#error_div').resizable({handles:'e'});
</script>


<div id="error_div" style="width:200px; height: 200px;border: 1px solid #F00;">
	<div id="ok_div" style="width:100px; height: 100px;border: 1px solid #000;">
	</div>
</div>

[zackniwa]

I found a solution, but this issue still remaining for that case.

The problem of this is issue is the call order. If you switch the 2 lines of javascript code, everything works fine.

So the problem is the call order, it will be nice to not have a problem like this in the future release.

[tj.vantoll]

Duplicate of #5025.