layout/reftests/css-shapes/dynamic-shape-outside-1.html
author Brad Werth <bwerth@mozilla.com>
Wed, 12 Jul 2017 13:16:25 -0700
changeset 609592 da8d165060d5728c2702fd87247f738b42e47d25
permissions -rw-r--r--
Bug 1359834 Part 4: Add a reftest to ensure dynamic changes to shape-outside trigger reflow. MozReview-Commit-ID: BDGRKlss8JE

<!DOCTYPE html>
<html class="reftest-wait">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Dynamic change to shape-outside</title>
<style>
.circle {
  float: left;
  border-radius: 50%;
  width: 25vmin;
  height: 25vmin;
  background: #f06;
}
</style>
<script>
function doTest() {
  let circle = document.querySelector(".circle");
  circle.style.shapeOutside = "circle()";

  document.documentElement.removeAttribute('class');
}
document.addEventListener("MozReftestInvalidate", doTest);
</script>
</head>
<body>
<div class="circle"></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent
scelerisque pretium interdum. Nam rhoncus auctor consequat. Duis porta
tortor eu nibh efficitur, eget tempor tortor semper. Integer eu sem
placerat, sodales tortor at, ornare orci. Fusce id malesuada est. Aenean
 mattis augue sapien. Fusce efficitur ante sed porttitor blandit. Nam
facilisis aliquam elit, ut consequat quam interdum sit amet. Integer
bibendum turpis at mi dapibus dictum. Donec id lorem arcu. Pellentesque
tortor nunc, semper a dui vel, maximus varius orci. Maecenas posuere
enim in tempor imperdiet.
</body>
</html>