Skip to main content

Search and Top Navigation

#4624 open bug ()

Opened June 21, 2009 10:25AM UTC

Last modified November 04, 2012 03:31AM UTC

Resizable: The animate option breaks containment

Reported by: stackhasH Owned by:
Priority: major Milestone: 2.0.0
Component: ui.resizable Version: 1.7.2
Keywords: plugin resizable animate containment bad behaviour Cc:
Blocked by: Blocking:
Description

First, I wrote the following code:

<div style="width: 400px; height: 500px;">        
 <div class="ui-widget-content" id="ejem" style="width: 300px; height: 200px;">
  LALALALALA
 </div>
            
 <script language="javascript">
  $(document).ready(function() {
   $('#ejem').resizable({containment: 'parent'});
  });
 </script>
        
</div>

ALL IS OK

But when I add the property "animate: true" and resize the div, visually the property 'containment' is not respected.

Attachments (0)
Change History (4)

Changed July 09, 2009 02:20PM UTC by jzaefferer comment:1

milestone: TBD1.8

Changed May 10, 2010 12:24PM UTC by watanabe comment:2

See #4603.

Changed October 11, 2012 02:52PM UTC by scottgonzalez comment:3

milestone: 1.9.02.0.0

Changed November 04, 2012 03:31AM UTC by tj.vantoll comment:4

status: newopen
summary: Bad behaviour when properties 'containment' and 'animate' are used in the resizable() plugin.Resizable: The animate option breaks containment

Verified this is still an issue in 1.9.1 - http://jsfiddle.net/tj_vantoll/f5dmd/.