overflow auto bug
by Mark Hendricks
HTML
<div class="scroll">
<div class="content">
test test test test test test test test test test test test test <br>
test test test test test test test test test test test test test <br>
test test test test test test test test test test test test test <br>
test test test test test test test test test test test test test <br>
test test test test test test test test test test test test test <br>
test test test test test test test test test test test test test <br>
test test test test test test test test test test test test test <br>
test test test test test test test test test test test test test <br>
test test test test test test test test test test test test test <br>
test test test test test test test test test test test test test <br>
test test test test test test test test test test test test test <br>
test test test test test test test test test test test test test <br>
</div>
</div>
<br>
<button onclick="fix()">Click to see what expected</button>
CSS
body {
background: #fff;
}
.scroll {
display: inline-block;
background: #f99;
max-height: 200px;
overflow: auto;
}
@-moz-document url-prefix() {
.scroll
overflow-y: scroll;
}
}
.content {
padding: 20px;
}
JavaScript
function fix() {
$('.scroll').css('overflow-y','scroll');
}