JSFiddle - React, Tailwind, and code Playground

by dmethvin

HTML

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
    html, body {
        height: 100%;
        overflow: hidden;
    }
    body {
        background: #000;
        font: 86% Arial, "Helvetica Neue", sans-serif;
        margin: 0;                
    }
    #content {
        height: 100%;
    }
</style>
</head>
    <body>
        <div id="content">
            <p>Resize the window in firefox 5</p>
        </div>      
    </body>
</html>

JavaScript

// #9884

function scrollfix() {
        var altura = document.body.clientHeight ||
                    document.documentElement.clientHeight;            
        if (altura < 650) {
            document.body.style.overflow = "auto";  
            document.getElementById("content").style.height ="678px";
        } else {
          document.body.style.overflow = "hidden";  
        }
        alert("You get a Black screen on FF5 if you resize it");
    }    
    

scrollfix();        
window.onresize = scrollfix;