Arrow label are sometimes not displayed in embeds

[UlyssesZh]

Arrow label are sometimes not displayed in embeds. Not steadily reproduced: may be fixed by refreshing.

Example
(embedded in here)

Actual:

Expected:

The screenshots come from Firefox 119 on Android. Can also be reproduced on Brave on Linux but less steadily.

[varkor]

Can I ask what web browser and operating system you're using? I've never experienced this, so it would help to know for debugging purposes.

[UlyssesZh]

Can I ask what web browser and operating system you're using? I've never experienced this, so it would help to know for debugging purposes.

Brave on Linux and Firefox on Android. Both can reproduce.

I opened this issue rashly. I edited the issue so that it contains more info now.

[varkor]

Thanks for the additional information. At the moment, I'm having trouble reproducing this issue, which makes it difficult to diagnose. (At the moment I can only test on Brave on macOS, which may exhibit different behaviour.) Does it occur randomly if you open the example and repeatedly refresh? If you notice any situation in which this seems to happen more often, or figure out a way to reproduce it, let me know and I will investigate further.

[UlyssesZh]

It cannot be reproduced when I directly go to the embed URL. It has problems only when it is actually embedded on another webpage. In the original issue there is a link where it is embedded. Search for quiver in that webpage and you will see a <details> drop-down, and the embed is in there.

Android Firefox is really steadily reproducing the problem.

[varkor]

It cannot be reproduced when I directly go to the embed URL. It has problems only when it is actually embedded on another webpage. In the original issue there is a link where it is embedded. Search for quiver in that webpage and you will see a <details> drop-down, and the embed is in there.

Ah, I see, that's helpful, thanks. I've managed to reproduce the issue now. I'll see if I can figure out what's going on.

Edit: the issue is that, sometimes, the bounding rectangle has zero width and height here:

quiver/src/ui.js

Line 5330 in 4a5f197

const bounding_rect = label.query_selector(".katex, .katex-error").bounding_rect();

It's proving a little tricky to debug locally at the moment, so I'm not quite sure what the cause is. Maybe KaTeX is not rendering quickly enough.