margin: #px auto; not respected with effects

[ChronoworX]

== Description ==
If an object has a margin: #px auto; CSS decleration used for centering, adding an effect like 'shake' or 'bounce' causes the object to be aligned to the left (disrespecting the 'auto' part in the margin decleration) in the following browers:

Opera 9(.63), FF 2(.0.0.20), FF 3(.0.6) and IE 6

Also, the content below this object snaps to a lower position during the animation in the browsers mentioned above AND:

Safari 4(public beta 5528.16), WebKit (nightly build), Chrome (1.0.154.48)

== Expected behaviour ==
The object should stay centered during the animation (of course, taking the offsets of the animation into account).

[ChronoworX]

Test case

[Chevex]

I am encountering this issue. I would just like to add that it also left aligns in IE 7 and IE 8. It works properly in Chrome and IE9. I know this issue is present in JQuery UI 1.8.9.

[Corey Frang]

#6120 is a duplicate of this ticket.

[Corey Frang]

​http://bugs.jqueryui.com/ticket/6120 has some code that may help find the solution...

[Corey Frang]

​http://jsfiddle.net/gnarf/vmL38/ for a jsfiddle test case - note this seems to happen with almost every effect...

[tomykaira]

​https://github.com/tomykaira/jquery-ui/tree/bug_4228 Here is a patch. The width of wrapper is 100%, when the block is not floating. This makes the original margin setting work correctly.

[Scott González]

not landed, but useful for reference: ​https://github.com/jquery/jquery-ui/pull/285