angular-carousel
angular-carousel copied to clipboard
CSS translate issue?
Hi!
Today I ran into a problem on the latest chrome (40.0.2214.111) on a laptop with touch screen. All the images were stacked above each other and swiping was not working at all. After comparing the styles with the firefox version, I found that css translate is not applied on chrome, that's why the images were stacked.
I changed the following line to solve the issue: Line 147. Changing 'translate3d' to 'translate'. slideTransformValue = DeviceCapabilities.has3d ? 'translate3d(' + absoluteLeft + '%, 0, 0)' : 'translate(' + absoluteLeft + '%, 0)',
I think it is a typo, but I have no idea why chrome is not recognized as a translate3d capable browser.
Thanks.
hi, does the demo page works on your chrome ? http://blog.revolunet.com/angular-carousel/
Hi,
I have the same issue in Chrome version 47.0.2526.80 while it was working on Chrome version 46.
The demo is working for me but it is not a surprise because I have the problem when using the library directly but not in an iFrame.
It seems it's a question of delay for Chrome returns "none" to the 3d test when testing too early. It just so happens that the code I use when going through an iFrame waits for document.ready before calling angular-carousel and then everything is fine.
I know this library is not maintained but if ever they are changes it will be good to have the typo corrected and maybe an option not to use the translate3d in any case.
Thanks