wpt / css / css-fonts / font-variant-caps-invalidation-container-sizing.html

Status: PASS | Duration: 7ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/css-fonts/font-variant-caps-invalidation-container-sizing.html

<!DOCTYPE html>
<html>
<head>
<link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
<link rel="help" href="https://drafts.csswg.org/css-fonts/#font-variant-caps-prop">
<link rel="match" href="font-variant-caps-invalidation-container-sizing-ref.html">
<meta name="assert" content="Block container is sized properly when font-variant-caps is changed from normal to all-small-caps">
<style>
#container {
  width: min-content;
  border: 1px solid black;
  font-size: 100px;
}
</style>
</head>
<body>
  <div id="container">
    X
  </div>
</body>
<script>
document.body.offsetHeight;
document.getElementById("container").style["font-variant-caps"] = "all-small-caps";
</script>
</html>

/css/css-fonts/font-variant-caps-invalidation-container-sizing-ref.html

<!DOCTYPE html>
<html>
<head>
<style>
#container {
  width: min-content;
  border: 1px solid black;
  font-size: 100px;
  font-variant-caps: all-small-caps;
}
</style>
</head>
<body>
  <div id="container">
    X
  </div>
</body>
</html>