title: Click event not recognized on mobile browser Aframe-AR.js
body: <p>I am working on an Augmented reality scene using Aframe and AR.js. I am currently rendering obj models when the marker is detected. My requirement is to be able to click on individual models upon rendering and also static objects (buttons) . For some reason click event is not triggered properly on aframe entities when I test it on mobile devices , very rarely it detects the touch  but it works fine when I test it on a desktop using a webcam. This is my approach - </p>
  
  <pre><code>AFRAME.registerComponent('cursor-listener', {
  init: function () {
  this.el.addEventListener('click', function (evt) {
  
    console.log('I was clicked at: ', evt.detail.intersection.point);
   });
  }
  });
  &lt;/script&gt;
  &lt;/head&gt;  
  &lt;body&gt;
  &lt;a-scene embedded arjs='trackingMethod: best; debugUIEnabled: false;'&gt;      
  
     &lt;a-marker id="marker" preset='hiro' cursor="rayOrigin: mouse"&gt;      
      &lt;a-entity  material=" src: url(box.png) " class="collidable" cursor-listener position="0 -1 0"&gt;&lt;/a-entity&gt;  
     &lt;/a-marker&gt;
  
      &lt;a-camera-static&gt;
        //button a child of the camera.
       &lt;a-entity id="red" material="color: red" class="collidable" geometry="primitive: box" cursor-listener position="0 0 -4" scale="0.3 0.3 0.3"&gt;&lt;/a-entity&gt;  
      &lt;/a-camera-static&gt;
  
    &lt;/a-scene&gt;
    &lt;/body&gt;
    &lt;/html&gt;
  </code></pre>
  
  <p>I have tried this <a href="https://github.com/jeromeetienne/AR.js/issues/416#issuecomment-425078800" rel="nofollow noreferrer">https://github.com/jeromeetienne/AR.js/issues/416#issuecomment-425078800</a>
  solution, it make it better, just not accurate enough, the click is detected when clicked outside the object.
  Is there anything any way to fix this?<br>
  Thanks. </p>