Skip to main content

Search and Top Navigation

#7611 closed bug (duplicate)

Opened August 05, 2011 03:16PM UTC

Closed August 05, 2011 07:32PM UTC

Last modified August 05, 2011 11:29PM UTC

Percentage heights conflict with effect wrapper

Reported by: MetalArend Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.effects.core Version: 1.8.14
Keywords: Cc:
Blocked by: Blocking:

When an effect wrapper wraps around an element with a percentage height or width, this height or width recalculates. Instead it should keep the calculated height/width that the element had before the animation.

jQuery: 1.6.2

jQuery UI: 1.8.14

browser: FFX 5.0

Code example:

<!doctype html>




<script type="text/javascript" src=""></script>

<script type="text/javascript" src=""></script>


a { color: inherit; }

.bug_box { margin: 5px; float: left; border: 5px double #eeeeff; }

.bug_playground { height: 300px; width: 300px; background: #aaaacc; }

.bug_problem { height: 150px; width: 150px; background: #ff0000; }




<div class="bug_box">

<div class="bug_playground">

<div id="bug01" style="height: 50%; width: 50%;" class="bug_problem">BUG 01</div>


<a href="#" onclick="$('#bug01').toggle('slide', 'slow');">Show / Hide</a>




Attachments (0)
Change History (4)

Changed August 05, 2011 03:28PM UTC by MetalArend comment:1

Changed August 05, 2011 07:32PM UTC by gnarf comment:2

resolution: → duplicate
status: newclosed

This should be fixed in master. is your test case using the version of effects in git.

Changed August 05, 2011 07:32PM UTC by gnarf comment:3

Duplicate of #5245.

Changed August 05, 2011 11:29PM UTC by MetalArend comment:4

Replying to [comment:3 gnarf]:

Duplicate of #5245.

Check, it is. Sorry I didn't find that before posting it again!