Blitz - WPT: chrome-legacy-skip-recalc.html

wpt / css / css-conditional / container-queries / chrome-legacy-skip-recalc.html

/css/css-conditional/container-queries/chrome-legacy-skip-recalc.html

<!doctype html>
<title>CSS Container Queries Test: Chrome legacy layout skipping style recalc</title>
<link rel="help" href="https://drafts.csswg.org/css-conditional-5/#size-container">
<link rel="help" href="https://crbug.com/1288879">
<link rel="match" href="/css/reference/pass_if_pass_below.html">
<style>
  #container {
    container-type: inline-size;
  }
  #multicol {
    column-count: 1;
  }

  @supports not (container-type: inline-size) {
    #container { display: none }
  }
</style>
<p>Test passes if there is the word "PASS" below.</p>
<div id="container"><span>PASS</span></div>
<span id="multicol"><table></table></span>

/css/reference/pass_if_pass_below.html

<!doctype html>
<html>
<head>
   <title>Reference rendering - passes if there is the word "PASS" below</title>
   <link rel="author" title="Opera" href="https://www.opera.com/">
</head>
<body>
   <p>Test passes if there is the word "PASS" below.</p>
   <div>PASS</div>
</body>
</html>