arnog / mathlive

A web component for easy math input
https://cortexjs.io/mathlive
MIT License
1.58k stars 275 forks source link

Virtual Keyboard tooltips rendering issue #2241

Open GGilli opened 10 months ago

GGilli commented 10 months ago

Hi! I have an issue on virtual keyboard tooltips. MATHLIVE 0.98.5

ISSUE https://codepen.io/Giacomo-Gilli/pen/ExMVLXx: I have a setup like the code in link, the mathfield is always on top of the keyboard. Hovering on the keyboard layout it should show the tooltip but it's rendered under the div of the mathfield. I tried to play with zrender but with no luck. I'm using a keyboard container to place the keyboard (this detail is mandatory), probably the issue is due to that configuration, because without the container the tooltips are working correctly.

Bowser tested: Chrome, Edge

arnog commented 10 months ago

Are you sure this is the correct CodePen? There is no JS...

GGilli commented 9 months ago

Are you sure this is the correct CodePen? There is no JS...

yes, it was just an example layout to replicate the issue

arnog commented 9 months ago

Sorry, I must be missing something, but I can't replicate the issue with this CodePen. When I run it there is just a black rectangle. I don't see a mathfield, or a virtual keyboard.

GGilli commented 9 months ago

I've updated the codepen but I cannot show the keyboard. don't know why. In short if you use the html in a working project and in the JS use the id="keyboardcontainer" as a keyboard container. you will be able to reproduce the issue