Blitz - WPT: abspos-shrink-to-fit-with-scrollable-descendant.html

wpt / css / css-overflow / abspos-shrink-to-fit-with-scrollable-descendant.html

/css/css-overflow/abspos-shrink-to-fit-with-scrollable-descendant.html

<!DOCTYPE html>
<html>
<head>
<link rel="match" href="abspos-shrink-to-fit-with-scrollable-descendant-ref.html">
<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#scrollbar-sizing">
<style>
.positioned {
  position: relative;
  height: 200px;
}
.container {
  position: absolute;
  background-color: green;
}
.parent {
  height: 79px;
  overflow: auto;
}
.content {
  width: 10px;
  height: 80px;
}
</style>
</head>
<body>
<div class=positioned>
  <div class=container id="container">
    <div class=parent id="parent">
      <div class=content></div>
    </div>
  </div>
</div>
</body>
</html>

/css/css-overflow/abspos-shrink-to-fit-with-scrollable-descendant-ref.html

<!DOCTYPE html>
<html>
<head>
<style>
.positioned {
  position: relative;
  height: 200px;
}
.container {
  position: absolute;
  background-color: green;
}
.parent {
  height: 79px;
  overflow-y: scroll;
}
.content {
  width: 10px;
  height: 80px;
}
</style>
</head>
<body>
<div class=positioned>
  <div class=container>
    <div class=parent>
      <div class=content></div>
    </div>
  </div>
</div>
</body>
</html>