1169331-1.html - mozsearch

Enable keyboard shortcuts

<!DOCTYPE html>

<html lang="en" class="reftest-wait">

<meta charset="utf-8">

<title>Rotated buffer with mask</title>

<style>

body {

  margin: 0;

.outer {

  overflow: hidden;

  border-radius: 10px;

  padding: 50px;

.scrollbox {

  width: 200px;

  height: 200px;

  overflow: auto;

.scrolled {

  box-sizing: border-box;

  border: 1px solid transparent;

  height: 200px;

</style>

<div class="outer">

  <div class="scrollbox">

    <div class="scrolled" style="background-color: blue;"></div>

    <div class="scrolled" style="background-color: lime;"></div>

  </div>

</div>

<script>

var scrollbox = document.querySelector(".scrollbox");

scrollbox.scrollTop = 1;

scrollbox.scrollTop = 0;

window.addEventListener("MozReftestInvalidate", function (e) {

  scrollbox.scrollTop = 199;

  document.documentElement.removeAttribute("class");

});

</script>