Firefox Nth root symbol missing top line

Description

When writing the Nth root symbol on Firefox, the element is sometimes cut off by the container so you can’t see the top line.

Firefox 88.0.1 (64-bit) on Windows: It sometimes appears when other symbols exist in the equation:

Chrome 90.0.4430.93 (Official Build) (64-bit) on Windows:

Steps to Reproduce

1. Empty the input
2. Insert a Nth root symbol

Actual Behavior

The sqrt-line element is cropped out in most equation scenarios.

Expected Behavior

The top line should not be cut off by the math container.

Environment

https://cortexjs.io/mathlive/guides/virtual-keyboards/

Under the section “Customizing the appearance of the virtual keyboard toggle” with the red keyboard icon.

Operating System Windows 10 Pro (Build 19042.928)

[arnog]

That appears to be a rendering bug specific to the basic (software) renderer in Firefox. Mozilla is in the process of switching their renderer to a new version codename Quantum/WebRender which does not exhibit this problem. I think they are unlikely to fix it in their basic renderer, and I can’t seem to find a workaround that works. This is a problem that will go away over time once they finish rolling it out to all their users. In the meantime, you can try to enable it manually (your hardware may not be supported, though), by following the instructions here: https://www.askvg.com/tip-how-to-enable-or-disable-new-webrender-feature-in-mozilla-firefox/

[manstie]

It is Basic