JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script>
<div></div>
<input/>
<textarea></textarea>

CSS

body {
    height: 10000px;
    padding: 230px 2em;
}

div {
    width: 100%;
    height: 200px;
    position: fixed;
    top: 0; left: 0;
    background: red;
}

JavaScript

(function () {

    if ( document.documentMode && document.documentMode < 12 ) {
        $( document ).on( "focus", ":input", function ( event ) {
            $( window ).one( "scroll", function () {
                event.target.blur();
            });
        });
    }
    
}());