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 occured 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 *

About the author

Rik Kendell is a developer, designer and writer in Leeds, UK, specialising in responsive WordPress websites. With over 10 years experience in the industry, Rik has worked on award-winning teams at agencies, in-house and as a freelancer. Rik has worked with clients ranging from the NHS, Sky and Skipton Building Society to McDonalds, Lamb’s Navy Rum and Crabbie’s Ginger Beer.

Outside of work Rik is also a keen writer, an amateur woodworker, gamer and foodie. His blog posts, reviews and Tweets have been published by the BBC, the Evening Standard, the Guardian and the Independent. He has written guest posts for a number of agencies and industry websites.