Blitz - WPT: offset-change-inline-backface-visibility-hidden.html

wpt / css / css-transforms / offset-change-inline-backface-visibility-hidden.html

/css/css-transforms/offset-change-inline-backface-visibility-hidden.html

<!doctype HTML>
<html class="reftest-wait">
<title>CSS Test: Repaint after moving an inline element with backface-visibility:hidden</title>
<link rel="author" title="Xianzhu Wang" href="mailto:wangxianzhu@chromium.org" />
<link rel="help" href="https://drafts.csswg.org/css-transforms-2/#propdef-backface-visibility">
<link rel="help" href="https://crbug.com/455884493">
<link rel="match" href="offset-change-inline-backface-visibility-hidden-ref.html">
<link rel="stylesheet" href="/fonts/ahem.css">
<script src="/common/reftest-wait.js"></script>
<div id="container">
  <div style="width: 100px; background: green; font-family: ahem">
    <span style="backface-visibility: hidden">X</span>
  </div>
</div>
<script>
  onload = function() {
    requestAnimationFrame(() => requestAnimationFrame(() => {
      container.style.marginLeft = '100px';
      takeScreenshot();
    }));
  };
</script>
</html>

/css/css-transforms/offset-change-inline-backface-visibility-hidden-ref.html

<!doctype HTML>
<link rel="stylesheet" href="/fonts/ahem.css">
<div id="container" style="font-family: ahem; margin-left: 100px; width: 100px; background: green">
  X
</div>