Royalslider Safari Issue

8th May 2013

Reading Time:

Using Dmitry Semenov’s Royalslider recently (I use it regularly; it’s fantastic, versatile and definitely worth a look), I noticed that in Safari I was unable to slide my gallery more than once before it locked. This problem occurred on iPads too.

Royalslider lock-up in Safari

After sliding to the 2nd “page”, I was unable to interact with the slider any further; neither the sliding functionality or the content. Even simple banners throughout the site wouldn’t work beyond a single slide.

Luckily, I stumbled across a strange little fix for this. The following CSS, while seemingly never read by the browser, fixes the issue.

.rsWebkit3d .rsSlide {
   -webkit-transform: translateZ(0);
}

Share this post

Leave a Reply

Your email address will not be published. Required fields are marked *