<!DOCTYPE html>
<style>
.container1 {
    width: 14px;
    height: 20px;
    border-radius: 10px;
    background-color: green;
    overflow-y: scroll;
    overflow-x: hidden;
}
.circleWithScrollbarLeft {
    shape-outside: circle(10px at 10px 10px);
    shape-margin: 1%;
    width: 14px;
    float: left;
}
.container2 {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: green;
    overflow-y: scroll;
    float: right;
}
.circleWithScrollbarRight {
    shape-outside: circle(10px at 10px 10px);
    shape-margin: 1%;
    width: 20px;
    float: right;
}
</style>
<body>
<div>Test passes if it does not crash.</div>
<div class="container1"><img class="circleWithScrollbarLeft" src=""></div>
<div class="container2"><img class="circleWithScrollbarRight" src=""></div>
<script>
    if (window.testRunner)
        testRunner.dumpAsText();
</script>
</body>