Skip to main content

Search and Top Navigation

#5555 closed bug (fixed)

Opened April 27, 2010 02:16PM UTC

Closed October 18, 2012 02:05AM UTC

right and bottom element positions isn't supportting correctly for effects (IE, Chrome, Safari)

Reported by: alxmsl Owned by:
Priority: major Milestone: 1.8.23
Component: ui.effects.core Version: 1.8
Keywords: Cc:
Blocked by: Blocking:
Description

I have detected strange behaviour of effects that processing of an element with right or bottom absolute positioning. Effect over the element displays firstly in position top: 0px and left: 0px. When effect is over element is transferred in position defined by style (right and/or bottom)

If use example from the ui documentation (http://jqueryui.com/demos/toggle/default.html)

1. <DIV id=effect class="ui-widget-content ui-corner-all"> is works correctly.

2. <DIV id=effect class="ui-widget-content ui-corner-all" style="position: absolute; left: 110px"> is works correctly

3. <DIV id=effect class="ui-widget-content ui-corner-all" style="position: absolute; right: 110px"> doesn't work correctly in IE (8.0.6001), Chrome(4.1.249.1045), Safari (3.2.1) and works correctly in FF (3.6.3) and Opera (9.62)

Attachments (2)
  • correct_effects.htm (3.3 KB) - added by alxmsl April 27, 2010 02:18PM UTC.

    Correct working example

  • incorrect_effects.htm (3.3 KB) - added by alxmsl April 27, 2010 02:19PM UTC.

    Example with incorrect effect

Change History (5)

Changed April 28, 2010 10:59AM UTC by alxmsl comment:1

Example works correctly in Opera 10.52

Changed April 28, 2010 11:01AM UTC by alxmsl comment:2

Example isn't works correctly in Chrome 4.1.249.1064

Changed April 28, 2010 11:10AM UTC by alxmsl comment:3

Example isn't works correctly in Safari 4.0.5

Changed October 11, 2012 09:02PM UTC by scottgonzalez comment:4

milestone: TBD1.10.0

Changed October 18, 2012 02:05AM UTC by mikesherov comment:5

milestone: 1.10.01.8.23
resolution: → fixed
status: newclosed

This looks like this was fixed by the animation rewrite in jquery 1.8. Check out the updated sample here: http://jsbin.com/efeqey/1