Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-06 22:15:33 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision b'7af9d6ec48ab04043a2bea85a3599904a1a19efa'

Browse source
This commit is contained in:
WPT Sync Bot 2021-02-21 08:20:50 +00:00 • committed by Josh Matthews
parent 8050c95e31
commit 87be1008de
2742 changed files with 142451 additions and 40667 deletions
Download patch file Download diff file Expand all files Collapse all files

67
tests/wpt/web-platform-tests/css/css-contain/contain-layout-overflow-002.html Normal file
View file

@ -0,0 +1,67 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>CSS Test: 'contain: layout' should force all overflow to be ink overflow (including when the overflow comes from floated descendants)</title>
<link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
<link rel="help" href="https://drafts.csswg.org/css-contain/#containment-layout">
<link rel="match" href="contain-layout-overflow-002-ref.html">
<style>
.contain {
contain: layout;
}
.float { float: left; }
.outer {
height: 100px;
width: 100px;
}
.auto {
overflow: auto;
}
.inner-sm {
height: 50px;
width: 50px;
background: lightblue;
}
.inner-lg {
height: 200px;
width: 200px;
background: lightblue;
}
.pass {
background: green;
}
.fail {
background: red;
}
.border {
border: 5px solid green;
}
</style>
</head>
<body>
<!--CSS Test: Elements with contain:layout that do not produce scrollable overflow should paint as if containment were not applied. -->
<div class="outer">
<div class="inner-sm contain float"></div>
</div>
<br>
<!--CSS Test: Layout-contained elements that overflow their container and have children who overflow should produce the same amount of scrollable overflow as if there were no children. -->
<div class="outer auto">
<div class="inner-lg contain">
<div class="inner-lg pass float"></div>
<div class="inner-lg fail float"></div>
</div>
</div>
<br>
<!--CSS Test: Layout-contained elements that do not overflow their container, but have children who overflow, should not allow their children to affect the scrollable overflow regions of their parent. -->
<div class="outer auto">
<div class="inner-sm contain border">
<div class="inner-lg float">
</div>
</div>
</div>
</body>
</html>