Websurface positioning in nested entities

[calvincs]

When constructing en entity like so, the websurface component does not align to the parent entity.
If you translate the parent, the children object translate, but the websurface does not.

   <a-entity
        position="-3.5 0 0"
        rotation="0 90 0"
        scale="1.75 1.75 1.75" 
        gltf-model="/objects/example.glb"
        material="color: #ffffff; metalness: 1; roughness: 0.05;"
        >
            <a-image 
                src="/objects/image.jpg" 
                position="0 1.1 0" 
                rotation="0 0 0" 
                scale="0.66 0.5 0.5"
                >
            </a-image>
            <a-entity  
                class="clickable" 
                websurface="url: example.site.com" 
                position="0 0.6 0" 
                rotation="-14 0 0" 
                geometry="primitive: plane; width: 2" 
                scale="0.35 0.52 0.46"
                >
            </a-entity>
    </a-entity>

Tested with Aframe 1.2.0

[calvincs]

Work around solution, make the websurface the primary entity and nest your components inside of it instead. This works, but would be great to not have to do this.