JSFiddle - React, Tailwind, and code Playground
HTML
<div id="container">
<div id="root">
<div id="scrollview">
<div id="big">
Scroll me!<br><br>
I can scroll on chrome v89<br>
I cannot scroll on chrome v90
</div>
</div>
</div>
</div>
CSS
div {
position: relative;
display: flex;
flex-direction: column;
flex-shrink: 0;
}
body {
display: flex;
overflow: hidden;
margin: 0;
padding: 0;
min-height: 100%;
background-color: #FFFFFF;
}
#container {
flex: 1;
max-height: 100%;
}
#root {
flex: 1;
width: 100vw;
height: 100vh;
}
#scrollview {
display: flex;
overflow: scroll;
width: 50%;
height: 100%;
}
#big {
width: 100%;
height: 2000px;
background-image: linear-gradient(#FA0050, #000000);
}