Modify ↓
Ticket #2120 (closed bug: worksforme)
$(el).css('overflow','hidden').animate(height/width) fails in Safari
| Reported by: | tm | Owned by: | |
|---|---|---|---|
| Priority: | major | Milestone: | 1.2.2 |
| Component: | effects | Version: | 1.2.1 |
| Keywords: | Cc: | ||
| Blocking: | Blocked by: |
Description
The following code fails only in Safari:
<div id="wrap" style="width:200px;height:200px">
<div style="width:300px;height:300px;background:#eee"></div>
</div>
<input id="doit" type="button" value="do it" />
<script type="text/javascript">
$('#wrap').css('overflow','hidden');
$('#doit').toggle(
function(){ $('#wrap').css('overflow','visible').animate({height:300,width:300},'fast'); },
function(){ $('#wrap').css('overflow','hidden').animate({height:200,width:200},'fast'); }
);
</script>
Change History
Please follow the bug reporting guidlines and use jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.
Note: See
TracTickets for help on using
tickets.

Works with Safari 5 (and Chrome 5) with jQuery 1.4.2. If it doesn't work with older Safari, reopen and let us know the versions.