JSFiddle - React, Tailwind, and code Playground

CSS

pre {
    margin: 1em;
    padding: 1em;
    background: #f2f2f2;
    border: 1px solid #aaa;
}

JavaScript

// 1. Setup
var frameElement = document.createElement( 'iframe' );
var frameWrapDiv = document.createElement( 'div' );
frameWrapDiv.appendChild(frameElement);
document.body.appendChild(frameWrapDiv);
var frameWin = frameElement.contentWindow;
var frameDoc = frameWin.document;
frameDoc.open();
frameDoc.write('<!doctype html><html><body><div>Hi</div></body></html>');
frameDoc.close();

// 2. Hide
frameWrapDiv.style.display = 'none';

// 3. Break
var myDir;
try {
    // Read style from iframe'sjq <body>
    // http://bugs.jquery.com/ticket/15098
    // Worked in 1.8.3, broken in 1.11.1
    myDir = $( frameDoc.body ).css( 'direction' );
} catch (e) {
    myDir = e;
}
    
// Log
var pre = document.createElement('pre');
document.body.appendChild(pre);

pre.appendChild(document.createTextNode(
    myDir
));