Opened 9 years ago

Closed 7 years ago

#5555 closed bug (fixed)

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 9 years ago.
Correct working example
incorrect_effects.htm (3.3 KB) - added by alxmsl 9 years ago.
Example with incorrect effect

Download all attachments as: .zip

Change History (7)

Changed 9 years ago by alxmsl

Attachment: correct_effects.htm added

Correct working example

Changed 9 years ago by alxmsl

Attachment: incorrect_effects.htm added

Example with incorrect effect

comment:1 Changed 9 years ago by alxmsl

Example works correctly in Opera 10.52

comment:2 Changed 9 years ago by alxmsl

Example isn't works correctly in Chrome 4.1.249.1064

comment:3 Changed 9 years ago by alxmsl

Example isn't works correctly in Safari 4.0.5

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

Milestone: TBD1.10.0

comment:5 Changed 7 years ago by mikesherov

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

Note: See TracTickets for help on using tickets.