title: Using CSS overflow, clip-path, Got trouble only on Safari Mobile
body: <p>I was trying to apply a parallax effect using the combination of clip-path and a fixed image. The effect worked well, as demonstrated in the following Github repo.</p>
  <p>Github repo: <a href="https://falasol.github.io/overflow/" rel="nofollow noreferrer">https://falasol.github.io/overflow/</a></p>
  <p>Demo Page: <a href="https://falasol.github.io/overflow/" rel="nofollow noreferrer">https://falasol.github.io/overflow/</a></p>
  <p>As you can see in the following gif image, I was tapping the Lorem text on my iPhone and the image poped out, instead of poping out the text selector.</p>
  <p><a href="https://i.stack.imgur.com/5uuIR.gif" rel="nofollow noreferrer">The video of tapping the div</a></p>
  <p>This issue only occurred on Safari Mobile, worked well on Andriod phones and desktop Chrome inspector tool. My current assumption of this question is that the <code>overflow:hidden</code> is having some issues on Safari Mobile.</p>
  <p>Please give me some suggestion on this if you have ever got this issue before :)</p>