Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-03 20:50:07 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision b'4435c35d9085ed2be61e64d0093b8e1b0e7a877b'

Browse source
This commit is contained in:
WPT Sync Bot 2022-11-25 01:21:31 +00:00
parent 901b76297d
commit 4031d79cea
383 changed files with 8858 additions and 2734 deletions
Download patch file Download diff file Expand all files Collapse all files

24
tests/wpt/web-platform-tests/css/css-multicol/relative-child-overflowing-column-gap-ref.html Normal file
View file

@ -0,0 +1,24 @@
<!DOCTYPE html>
<title>Relative child can overflow onto the column gap area</title>
<style>
body {
margin: 0px;
}
.child {
width: 100px;
height: 50px;
background: green;
}
.child2 {
width: 100px;
height: 50px;
background: green;
position: absolute;
left: 125px;
top: 0px;
}
</style>
<div class="child"></div>
<div class="child2"></div>

31
tests/wpt/web-platform-tests/css/css-multicol/relative-child-overflowing-column-gap.html Normal file
View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<title>Relative child can overflow onto the column gap area</title>
<link rel="help" href="https://drafts.csswg.org/css-multicol/">
<link rel="match" href="relative-child-overflowing-column-gap-ref.html">
<style>
body {
margin: 0px;
}
.multicol {
width: 200px;
column-count: 2;
column-gap: 50px;
}
.relative-layer {
position: relative;
}
.child {
width: 100px;
height: 100px;
background: green;
}
</style>
<div class="multicol">
<div class="relative-layer">
<div class="child"></div>
</div>
</div>

28
tests/wpt/web-platform-tests/css/css-multicol/relative-child-overflowing-container.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<title>Relative child wider than the column container should overflow the container</title>
<link rel="help" href="https://drafts.csswg.org/css-multicol/">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<style>
.multicol {
width: 0px;
column-count: 2;
column-gap: 0px;
}
.relative-layer {
position: relative;
}
.child {
width: 100px;
height: 200px;
background: green;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div class="multicol">
<div class="relative-layer">
<div class="child"></div>
</div>
</div>