webkit-scrollbar-ch-recalc-ref.html

<!DOCTYPE html>
<title>Length unit ch used in webkit-scrollbar should be recalculated after loading a web font</title>
<link rel="help" href="https://www.w3.org/TR/css-values-4/#font-relative-lengths">
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4">
<link rel="author" href="[email protected]">
<style>
.container {
  width: 600px;
  height: 400px;
  overflow: scroll;
}

.container::-webkit-scrollbar {
  width: 25px; /* Refers to self font size. */
  background-color: gray;
}
</style>

<div class="container"></div>

chromium/third_party/blink/web_tests/wpt_internal/css/css-fonts/webkit-scrollbar-ch-recalc-ref.html