wpt / css / css-overflow / overflow-scroll-big-border-small-content.html

Status: PASS | Duration: 5ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/css-overflow/overflow-scroll-big-border-small-content.html

<!DOCTYPE html>
<title>CSS Overflow: overflow: scroll with big border and a small overflowing content</title>
<link rel="help" href="https://drafts.csswg.org/css-overflow-3#propdef-overflow">
<link rel="match" href="overflow-scroll-big-border-small-content-ref.html">
<div id="scroller" style="overflow: scroll; width: 100px; height: 100px;
                          border: 100px solid white; background: red">
  <div style="height: 50px; background: green"></div>
  <div style="height: 50px; background: green"></div>
  <div style="height: 50px; background: green"></div>
  <div style="height: 50px; background: green"></div>
</div>
<script>
onload = () => {
  scroller.scrollTo(0, 100);
};
</script>

/css/css-overflow/overflow-scroll-big-border-small-content-ref.html

<!DOCTYPE html>
<div id="scroller" style="overflow: scroll; width: 100px; height: 100px;
                          border: 100px solid white; background: green">
  <div style="height: 200px"></div>
</div>
<script>
onload = () => {
  scroller.scrollTo(0, 100);
};
</script>