wpt / css / css-position / sticky / position-sticky-on-minimum-scale.html

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

/css/css-position/sticky/position-sticky-on-minimum-scale.html

<!DOCTYPE html>
<html class="reftest-wait">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width initial-scale=1">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=2005857">
<link rel="match" href="position-sticky-on-minimum-scale-ref.html">
<style>
html {
  scrollbar-width: none;
}
body {
  width: 200vw;
  margin: 0px;
}
div {
  width: 50vw;
  height: 100px;
  display: inline-block;
  background: blue;
}
.sticky {
  position: sticky;
  right: 0;
  background: red;
}
</style>
<div></div><div></div><div></div><div class="sticky"></div>
<script>
document.querySelector(".sticky").scrollIntoView({ behavior: "instant" });
document.documentElement.classList.remove("reftest-wait");
</script>
</html>

/css/css-position/sticky/position-sticky-on-minimum-scale-ref.html

<!DOCTYPE html>
<html class="reftest-wait">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width initial-scale=1">
<style>
html {
  scrollbar-width: none;
}
body {
  width: 200vw;
  margin: 0px;
}
div {
  width: 50vw;
  height: 100px;
  display: inline-block;
  background: blue;
}
.last {
  background: red;
}
</style>
<div></div><div></div><div></div><div class="last"></div>
<script>
document.querySelector(".last").scrollIntoView({ behavior: "instant" });
document.documentElement.classList.remove("reftest-wait");
</script>
</html>