search

thebird / Swipe

Swipe is the most accurate touch slider.
MIT License
6.79k stars 1.69k forks source link

Swipe.js triggers text rendering change in Safari & Chrome #354

Open chorijan opened 10 years ago

chorijan commented 10 years ago

This happens due to CSS animations, and the fix is relatively simple :)

https://github.com/chorijan/Swipe/commit/ecdadc6f47e732e0ca57e687d1a8e299716019d8

robertTop10 commented 10 years ago

I got this issue as well. When the swiping kicks off the CSS animations, on iOS it triggers HW acceleration and when that kicks in it adds noticeable lag and the usual text softening from HW acceleration.

Adding this to .swipe fixes this issue. 

-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);