Take the 2-minute tour ×


  • Standard recommended iframes for embedding Vimeo and YouTube
  • Someone discovered that nothing happens on click/touch on iPhone
  • Disabled css and js, everything works
  • After some digging found that if disabling css .ui-widget :active { outline: none; } everything works as expected.

No jquery-ui js on these pages so no elements with .ui-* at all. How can removing a line of css that shouldn't even be parsed cause this behaviour?

share|improve this question
wtf is right. Wtf is your question? –  Kyle Sevenoaks Dec 13 '12 at 13:44
Sorry. Edited question for clarity. –  Toft Dec 13 '12 at 13:50
This question can't be answered as it's explained, because we don't know all of the details. Have you tried using developer tools to see if that .ui-widget :active class is getting applied? link –  Mike Earley Dec 13 '12 at 16:43
I don't have access to an XCode environment right now so can't debug at iphone level. The only thing I know is that mentioned selector somehow disables touch functionality for certain elements. My hope was that someone maybe knew if this was a known behaviour. –  Toft Dec 13 '12 at 17:24
add comment

1 Answer

This exact scenario is happening to me also. Embed a youtube video using an iframe. Example:

<iframe class="media-youtube-player" width="510" height="290" src="{$url to youtube}" frameborder="0" allowfullscreen></iframe>

In safari on ipad, tapping the video nothing happens. I also bisected through my code and found that removing this line from the jquery.ui.theme.css:

.ui-widget :active { outline: none; }

fixed the problem.

I also tried modifying the line to:

.ui-widget :active {  }

This also causes the issue. Meaning the selector itself breaks the video in the ipad.

I also tried replacing the .ui-widget :active selector with just :active, this also causes the video to not play.

So, that's the fix... Delete that selector!

And outlines that appear on active elements inside .ui-widget you'll need to target more specifically.

share|improve this answer
add comment

Your Answer


