Android / iPhone href link not firing - focus rectangle appearing instead -
i having problem on android , iphone versions of html5 site using responsive layout.
links not firing unless hold down on them 1 second. otherwise act if hover event taking place.
example code:
<div class="homepagecardiv"> <div class="note"> <div class="imgdiv"> **<a href="ficha-vehiculo.php?v=19"><img src="_imgup/19/thumbnail/imagen_2.jpg" alt=""></a>** </div> <h3>mitsubishi asx<br>asx 200 di-d challenge 4wd (2010)</h3> <h4>16.500€</h4> <div class="verdet"> <p>**<a href="ficha-vehiculo.php?v=19" class="homebut">ver detalle</a>**</p> </div> <div class="cornerimage"> <img src="images/fold.png" alt=""> </div> </div> </div>
code can seen @ http://20coches.com/index.php.
it works correctly on ipad , desktop. @ loss.
this issue related responsive divs , focus rectangles being pushed out of viewport.
other sources on internet suggest javascript calculations of dynamic element width causes silent mouse fail on hover, results in link not firing.
i got tired of beating head against vdu, , managed work around issue - clearing every div neighbour.
Comments
Post a Comment