wpt / css / css-overflow / inline-block-with-scrollable-descendant.html

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

TestRefTest SourceRef Source

/css/css-overflow/inline-block-with-scrollable-descendant.html

<!DOCTYPE html>
<html>
<head>
<link rel="match" href="inline-block-with-scrollable-descendant-ref.html">
<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#scrollbar-sizing">
<style>
.container {
  display: inline-block;
  background-color: green;
}
.parent {
  height: 79px;
  overflow: auto;
}
.content {
  width: 10px;
  height: 80px;
}
</style>
</head>
<body>
<div class=container>
  <div class=parent>
    <div class=content></div>
  </div>
</div>
</body>
</html>

/css/css-overflow/inline-block-with-scrollable-descendant-ref.html

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