raycasting on a-button not working

[Zweidrittelstein]

Hello,

I am currently experimenting with a pause-state in which my cursor should only be able to click the a-button with id continue. Setting the raycaster to either .clickable or #continue does not work. It does not work either with different id and class names on any a-button inside an a-form I have tried so far.

Setting raycaster objects to ids/classes works fine for all other objects in my scene and a-buttons can be clicked normal, if I set raycaster objects to "" - but then all objects in the Backdround can be clicked aswell which I wanted to prevent in the first place.

Below is the relevant code:

<a-entity id="camera" camera look-controls wasd-controls="fly: enabled" position="0 1.5 4" light="type: spot; intensity: 0.5" cursor="fuse: false; fuseTimeout: 500; rayOrigin: mouse"  raycaster="objects: #continue">
  <a-entity id="hud" position="0 0 -2.5" look-at="[camera]" visible="true">
    <a-rounded position="-0.3425 -0.5 0.5" width="1.375" height="0.7" radius="0.05" rotation="0 0 0" scale="0.5 0.5 0.5" opacity="0.5">
      <a-form>
        <a-button class="clickable" position="0.2 0.35 0" id="continue" width="1" value="Exit" type="flat"></a-button>
      </a-form>
    </a-rounded>
  </a-entity>
</a-entity>