Hotspot: button position is wrong in the HotspotAnnotation

[llllkatjallll]

Description

Situation:
I have a hotspot and annotation-box as a child of this hotspot. In my annotation-box I want to place text, and a button. When I add a button to my annotation-box, the button appears not IN the annotation-box but in the top-left corner of the model-viewer box.

If I do the same with other elements like div or li the position is right (in the annotation box under the text)

Live Demo

Live Demo is here: https://prefrontalcortex.de/labs/model-viewer/button-in-annotation/

Version

model-viewer : v1.9.2

Tested in:

• [ x] Chrome, version: 96.0.4664.45
• Edge
• [ x] Firefox, 94.0.2 (64-Bit)
• IE
• Safari

[elalish]

That's bizarre, but I don't think it's a MV thing. All we do is adjust the transform on the parent element; the rest of the HTML rendering is up to the browser. Are you sure you don't have some kind of CSS that's conflicting? Maybe an errant display property?