Underline annotation renders incorrectly on small screens like iPhone 5/SE

[pbamotra]

No description provided.

[pshihn]

What version of safari are you running? Perhaps share a screenshot?
Thanks!

[lucasverra]

It seems good to me, I just tested it

[pbamotra]

I changed the word on your website to "Computer vision" and also the circle in the bottom you can see. I tested it on Brave browser using the devtools.

Also, yeah maybe the JS didn't refresh because I made HTML edits (I'm sorry, I'm new to web programming). But, you can check with annotating two words that usually fall on the boundary of the screen, and the underlining doesn't behave as expected.

[fspoettel]

@pbamotra The plugin picks up changes to the viewport size via ResizeObserver and renders again in that case.

It cannot detect changes to the DOM made by inline HTML edits, hot reloading environments and changes via DOM attributes such as .textContent. In that case the annotation will not be redrawn automatically. You could trigger a redraw programatically via the .show()/.hide() methods.