Javascript updated content suffers because old rendering is not updated. Any new (longer) rendering is showing correctly, see below for minimal test case, and the attached screenshots of this testcase. ---- test.html: <html> <body> <span id=span1 style="position: relative; top: 30px;">hello</span> </body> <script> setTimeout(function() { document.getElementById("span1").innerHTML="BRRRRRRRRRRRRRRRRR"; }, 500); </script> </html>
Created attachment 42369 [details] misrendering
Created attachment 42370 [details] rect position is incorrect from web inspector
I am not able to reproduce this in Safari 16.2 using following JSFiddle (based of Comment 0): JSFiddle - https://jsfiddle.net/rb8yLtpg/show It does not show empty rect position in Inspector and also rendering issue is also not present and it matches other browsers (Chrome Canary 111 and Firefox Nightly 110). I am marking this as "RESOLVED CONFIGURATION CHANGED" but if it is still reproducing, please reopen with updated test case. Thanks!