<!DOCTYPE html>
<html>
<head>
<title>Forced break inside scrollable container</title>
</head>
<body>
<p>The word 'PASS' should be seen on the left below. The scrollbars shouldn't be scrollable.</p>
<div style="-webkit-columns:2; columns:2; orphans:1; widows:1;">
<div style="overflow:scroll; height:10em;">
<div style="-webkit-column-break-before:always; break-before:column;">PASS</div>
</div>
</div>
</body>
</html>