Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!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;
width: 25vmin;
height: 25vmin;
background: #f06;
shape-outside: circle(100%);
}
</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>