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

Popular posts from this blog

java - WrongTypeOfReturnValue exception thrown when unit testing using mockito -

php - Magento - Deleted Base url key -

android - How to disable Button if EditText is empty ? -