I have a page that is basically a custom built video player that has a <a href..></a> tag one of the elements in the control bar which should open up a new page but for whatever reason it does not work on iPhone browsers but seems to be working fine everywhere else (desktop & android).
The actual code is this:
<a id="lb-anchor-link" href="http://apple.com" target="_blank">
<div class="lb-asset" id="corner-logo" style="background-image: url([IMG_URL]); width: 150px; height: 60px;">
</div>
</a>
AFAIK, this code works as expected so I am assuming some other elements are having an impact on this.
Note that the elements are dynamically generated via JS.
Test page (the anchor area is over the "CALL TO ACTION" imagine) is here.
Thank you!