JSFiddle - React, Tailwind, and code Playground

HTML

<p id="connected">.offset() on a connected element returns: </p>
<p id="disconnected">.offset() on a disconnected element returns: </p>
<hr>
<p>Errors occur when a ClientRect is modified, as occurs when .position() is called:</p>

<p>$("&lt;li&gt;").position() yields:</p>
<p id="result"></p>
<ul>
    <li></li>
</ul>

JavaScript

$("#connected").append($("li").offset().toString());

$("#disconnected").append($("<li>").append('body').offset().toString());

try {
    $("<li>").position();
    $("#result").text("You're seeing this because Webkit silently fails to set properties in the ClientRect object");
} catch(e) {
    $("#result").text(e.name + ": " + e.message);
}