search

benbarnett / jquery-animate-enhanced

Extend $.animate() to detect CSS transitions for Webkit, Mozilla, IE>=10 and Opera and convert animations automatically.
http://playground.benbarnett.net/jquery-animate-enhanced/
MIT License
1.39k stars 196 forks source link

CSS "display: table-cell" attribute not honoured #113

Closed benjeffreys closed 11 years ago

benjeffreys commented 11 years ago

Hi Ben

Love this plug-in, thanks for writing it :)

My current issue is this. I've created a little "quote carousel" which loops through a number of quotes of varying length. They need to be vertically centered in the space they're in, so I've used "display: table-cell".

When the fade in / out runs on the element, the rule that defines this in the style sheet is ignored and instead "display: block" is applied. This messes the layout up.

Is this a bug or is there a way around this? (I suppose I could just disable the CSS3 transitions for this particular thing?)

Cheers again,

(another) Ben

benbarnett commented 11 years ago

Hi Ben, sorry for such a slow response on this.

Hopefully the latest version (1.1) should address this, depending on the element type. If not, then I will look at adding this feature so that it reads the existing CSS.

This is part of a wider issue (#102) with the plugin being a little aggressive once it's finished it's thing.

Its in the pipeline :)

benjeffreys commented 11 years ago

Hey Ben,

Many thanks for the reply. No worries about the slow response. We're all busy :)

I'll take a look at the new version and hopefully this will fix the problem!!

Thanks for now...