I am doing an a-frame VR project where I need to make "portals" that are useful for the user to move from one room to another. My problem is that I use a cursor for the click event, but it trigger the portal event even if there is a huge gap between the cursor and the portal.

I am using a js.script that you can find here : https://github.com/stemkoski/A-Frame-Examples/blob/master/js/link-controls.js

There is my portal :

<a-link position="0 1.6 -14" rotation="0 0 0"
href="paris.html" title="Paris" image="#photoparis"></a-link>

As for my cursor, I just did a normal cursor inside the a-camera tag.

See there, an example of the gap between cursor and portal.

Can someone help me to understand why there is this problem ? I would like to specify that when I use only the cursor of my mouse there is not this problem and it is necessary that I click precisely on the portal so that the event is activated.

Thanks you in advance for your answers, and don't hesitate to tell me if there is something that I have poorly explained. Also, pardon me if I have made english mistake.