Blitz - WPT: viewport-units-scrollbars-dynamic-001.html

wpt / css / css-values / viewport-units-scrollbars-dynamic-001.html

/css/css-values/viewport-units-scrollbars-dynamic-001.html

<!doctype html>
<html>
<meta name="assert" content="There is no horizontal overflow when 100vw is reduced by scrollbar width when the scrollbars are unconditional.">
<link rel="help" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths">
<link rel="match" href="viewport-units-scrollbars-scroll-vw-001-ref.html">
<body style="margin: 0; padding: 0;">
  <p>
  Pass Condition: There is no horizontal overflow.
  </p>
  <div style="width: 100vw; height: 100px; background: orange;"></div>

<script>
  document.body.offsetTop;
  document.documentElement.style.overflow = 'scroll';
</script>

</body>
</html>

/css/css-values/viewport-units-scrollbars-scroll-vw-001-ref.html

<!doctype html>
<html style="overflow: scroll;">
<body style="margin: 0; padding: 0;">
  <p>
  Pass Condition: There is no horizontal overflow.
  </p>
  <div style="width: 100%; height: 100px; background: orange;"></div>
</body>
</html>