JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

body {
    overflow-x: hidden;
}
div {
    height: 500px;
    width: 5000px;
    border: 10px dashed red;
}

JavaScript

// Click your mouse in the middle of the results pane, and while pressing, drag the cursor to the right.
// Nothing should happen, thanks to the snippet below. Delete the below snippet to return to default behaviour (not ideal).

(function($) {
    $(window).scroll( function() {
        $(window).scrollLeft(0);
    });
})(jQuery);