Why is the vertical scrollbar only appearing at a certain browser window size and then disappearing when narrowed? The content in the grid is dynamic, but the issue does not seem to be related to the number of rows. The height is set dynamically by the element's style attribute using JavaScript.
<div id="mycontainer" class="mydiv" style="height: 142px;"></div>
<style>
.mydiv {
background-color: white;
border-color: #d8d8d8;
border-style: solid;
border-width: 0 1px 1px;
height: 100%;
width: 100%
margin: 0;
overflow-y: auto;
padding: 0;
position: relative;
}
</style>