Opened 10 years ago

Last modified 7 years ago

#4624 open bug

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.

Change History (4)

comment:1 Changed 10 years ago by Jörn Zaefferer

Milestone: TBD1.8

comment:2 in reply to:  description Changed 10 years ago by watanabe

See #4603.

comment:3 Changed 7 years ago by Scott González

Milestone: 1.9.02.0.0

comment:4 Changed 7 years ago by tj.vantoll

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/.

Note: See TracTickets for help on using tickets.