I found a better solution.
-
.ui-effects-explode { margin : 0 }
Or we can change the source:
- .css( {
- position: "absolute",
- overflow: "hidden",
- width: width,
- height: height,
- left: left + ( show ? mx * width : 0 ),
- top: top + ( show ? my * height : 0 ),
- opacity: show ? 0 : 1,
- marginLeft: 0, marginTop: 0 // here we go
- } )
I think they really should fix this bug, I mean setting the margins to zero.
When the element's margin is more than 0, it adds up to the offset defined by top and left and so messes things up.