mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-21 01:05:45 +00:00
5c40ac23c9
It's not really invalidated anywhere, and the float manager code only checks for float region changes. Extend it so that it knows about shapes as well, and avoid reframing due to a bogus nsChangeHint_ScrollbarChange which really meant to be UpdateOverflow, which really is useless in this situation.. Differential Revision: https://phabricator.services.mozilla.com/D7583
38 lines
1.2 KiB
HTML
38 lines
1.2 KiB
HTML
<!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>
|