mirror of
https://github.com/servo/servo.git
synced 2025-08-06 22:15:33 +01:00
Update web-platform-tests to revision f0cb9071aea5ce5b641fcba5f362a0796bdc70bc
This commit is contained in:
WPT Sync Bot
parent
0d549e8146
commit
7289e837fd
558 changed files with 8627 additions and 6619 deletions
|
|
@ -6,7 +6,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow">
|
||||
<link rel="match" href="reference/100x100-grey-box.html">
|
||||
<meta name="assert" content="This test verifies that the scrollbars are not shown on an empty grid even if there are grid areas which exceed the grid container size, since the grid itself is not a box that can cause overflow.">
|
||||
<link href="support/grid.css" rel="stylesheet">
|
||||
<link href="/css/support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 200px / 200px;
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow">
|
||||
<link rel="match" href="reference/100x100-grey-box.html">
|
||||
<meta name="assert" content="This test verifies that the scrollbars are not shown on a grid with an item placed inside the boundaries of the grid container, even if there are grid areas which exceed the grid container size.">
|
||||
<link href="support/grid.css" rel="stylesheet">
|
||||
<link href="/css/support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 200px / 200px;
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow">
|
||||
<link rel="match" href="reference/100x100-grey-box.html">
|
||||
<meta name="assert" content="This test verifies that the scrollbars are not shown on a grid with an item placed inside the boundaries of the grid container, even if there are grid areas which exceed the grid container size.">
|
||||
<link href="support/grid.css" rel="stylesheet">
|
||||
<link href="/css/support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 100px 100px / 100px 100px;
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow">
|
||||
<link rel="match" href="reference/100x100-grey-box-with-horizontal-scrollbar.html">
|
||||
<meta name="assert" content="This test verifies that the horizontal scrollbar is shown on a grid with an item placed below the bottom of the grid container.">
|
||||
<link href="support/grid.css" rel="stylesheet">
|
||||
<link href="/css/support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 100px 100px / 100px 100px;
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow">
|
||||
<link rel="match" href="reference/100x100-grey-box-with-vertical-scrollbar.html">
|
||||
<meta name="assert" content="This test verifies that the vertical scrollbar is shown on a grid with an item placed behind the right edge of the grid container.">
|
||||
<link href="support/grid.css" rel="stylesheet">
|
||||
<link href="/css/support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 100px 100px / 100px 100px;
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow">
|
||||
<link rel="match" href="reference/100x100-grey-box-with-scrollbars.html">
|
||||
<meta name="assert" content="This test verifies that the scrollbars are shown on a grid with an item placed outside the boundaries of the grid container.">
|
||||
<link href="support/grid.css" rel="stylesheet">
|
||||
<link href="/css/support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 100px 100px / 100px 100px;
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow">
|
||||
<link rel="match" href="reference/100x100-grey-box.html">
|
||||
<meta name="assert" content="This test verifies that the scrollbars are not shown on a grid with an item with 0px width even when it's placed in a grid area outside the boundaries of the grid container.">
|
||||
<link href="support/grid.css" rel="stylesheet">
|
||||
<link href="/css/support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 100px 100px / 100px 100px;
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow">
|
||||
<link rel="match" href="reference/100x100-grey-box.html">
|
||||
<meta name="assert" content="This test verifies that the scrollbars are not shown on a grid with an item with 0px height even when it's placed in a grid area outside the boundaries of the grid container.">
|
||||
<link href="support/grid.css" rel="stylesheet">
|
||||
<link href="/css/support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.grid {
|
||||
grid: 100px 100px / 100px 100px;
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-letter">
|
||||
<meta name="assert" content="The test checks that grid item should ignore grid container's first-letter pseudo-element.">
|
||||
<link href="support/grid.css" rel="stylesheet">
|
||||
<link href="/css/support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
body { line-height: 20px; }
|
||||
.grid-first-letter::first-letter { line-height: 100px; color: red; }
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-formatted-line">
|
||||
<meta name="assert" content="The test checks that grid item should ignore grid container's first-line pseudo-element.">
|
||||
<link href="support/grid.css" rel="stylesheet">
|
||||
<link href="/css/support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
body { line-height: 20px; }
|
||||
.grid-first-line::first-line { line-height: 100px; }
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-grid/#grid-model">
|
||||
<link rel="match" href="grid-container-scrollbar-001-ref.html">
|
||||
<meta name="assert" content="This test verifies that scrollbars are properly painted on grid containers, and are shown in the expected position depending on the direction.">
|
||||
<link href="support/grid.css" rel="stylesheet">
|
||||
<link href="/css/support/grid.css" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style>
|
||||
.grid {
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-grid/#grid-model">
|
||||
<link rel="match" href="grid-container-scrollbar-vertical-lr-001-ref.html">
|
||||
<meta name="assert" content="This test verifies that scrollbars are properly painted on grid containers, and are shown in the expected position depending on the direction.">
|
||||
<link href="support/grid.css" rel="stylesheet">
|
||||
<link href="/css/support/grid.css" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style>
|
||||
.grid {
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-grid/#grid-model">
|
||||
<link rel="match" href="grid-container-scrollbar-vertical-rl-001-ref.html">
|
||||
<meta name="assert" content="This test verifies that scrollbars are properly painted on grid containers, and are shown in the expected position depending on the direction.">
|
||||
<link href="support/grid.css" rel="stylesheet">
|
||||
<link href="/css/support/grid.css" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style>
|
||||
.grid {
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-letter">
|
||||
<meta name="assert" content="The test checks that grid items accept first-letter pseudo-element.">
|
||||
<link href="support/grid.css" rel="stylesheet">
|
||||
<link href="/css/support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.item::first-letter { line-height: 100px; }
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-formatted-line">
|
||||
<meta name="assert" content="The test checks that grid items accept first-line pseudo-element.">
|
||||
<link href="support/grid.css" rel="stylesheet">
|
||||
<link href="/css/support/grid.css" rel="stylesheet">
|
||||
<style>
|
||||
.item::first-line { line-height: 100px; }
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,283 +0,0 @@
|
|||
.grid {
|
||||
display: grid;
|
||||
background-color: grey;
|
||||
}
|
||||
|
||||
.inline-grid {
|
||||
display: inline-grid;
|
||||
background-color: grey;
|
||||
}
|
||||
|
||||
.firstRowFirstColumn {
|
||||
background-color: blue;
|
||||
grid-column: 1;
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
.onlyFirstRowOnlyFirstColumn {
|
||||
background-color: blue;
|
||||
grid-column: 1 / 2;
|
||||
grid-row: 1 / 2;
|
||||
}
|
||||
|
||||
.firstRowSecondColumn {
|
||||
background-color: lime;
|
||||
grid-column: 2;
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
.onlyFirstRowOnlySecondColumn {
|
||||
background-color: lime;
|
||||
grid-column: 2 / 3;
|
||||
grid-row: 1 / 2;
|
||||
}
|
||||
|
||||
.secondRowFirstColumn {
|
||||
background-color: purple;
|
||||
grid-column: 1;
|
||||
grid-row: 2;
|
||||
}
|
||||
|
||||
.onlySecondRowOnlyFirstColumn {
|
||||
background-color: purple;
|
||||
grid-column: 1 / 2;
|
||||
grid-row: 2 / 3;
|
||||
}
|
||||
|
||||
.secondRowSecondColumn {
|
||||
background-color: orange;
|
||||
grid-column: 2;
|
||||
grid-row: 2;
|
||||
}
|
||||
|
||||
.onlySecondRowOnlySecondColumn {
|
||||
background-color: orange;
|
||||
grid-column: 2 / 3;
|
||||
grid-row: 2 / 3;
|
||||
}
|
||||
|
||||
.endSecondRowEndSecondColumn {
|
||||
background-color: orange;
|
||||
grid-column-end: 3;
|
||||
grid-row-end: 3;
|
||||
}
|
||||
|
||||
.thirdRowSecondColumn {
|
||||
background-color: red;
|
||||
grid-column: 2;
|
||||
grid-row: 3;
|
||||
}
|
||||
|
||||
.thirdRowThirdColumn {
|
||||
background-color: salmon;
|
||||
grid-column: 3;
|
||||
grid-row: 3;
|
||||
}
|
||||
|
||||
.firstRowThirdColumn {
|
||||
background-color: magenta;
|
||||
grid-column: 3;
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
.secondRowThirdColumn {
|
||||
background-color: navy;
|
||||
grid-column: 3;
|
||||
grid-row: 2;
|
||||
}
|
||||
|
||||
.firstRowFourthColumn {
|
||||
background-color: green;
|
||||
grid-column: 4;
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
.secondRowFourthColumn {
|
||||
background-color: pink;
|
||||
grid-column: 4;
|
||||
grid-row: 2;
|
||||
}
|
||||
|
||||
.firstAutoRowSecondAutoColumn {
|
||||
grid-row: 1 / auto;
|
||||
grid-column: 2 / auto;
|
||||
}
|
||||
|
||||
.autoLastRowAutoLastColumn {
|
||||
grid-row: auto / -1;
|
||||
grid-column: auto / -1;
|
||||
}
|
||||
|
||||
.autoSecondRowAutoFirstColumn {
|
||||
grid-row: auto / 2;
|
||||
grid-column: auto / 1;
|
||||
}
|
||||
|
||||
.firstRowBothColumn {
|
||||
grid-row: 1;
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
.secondRowBothColumn {
|
||||
grid-row: 2;
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
.bothRowFirstColumn {
|
||||
grid-row: 1 / -1;
|
||||
grid-column: 1;
|
||||
}
|
||||
|
||||
.bothRowSecondColumn {
|
||||
grid-row: 1 / -1;
|
||||
grid-column: 2;
|
||||
}
|
||||
|
||||
.bothRowBothColumn {
|
||||
grid-row: 1 / -1;
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
/* Auto column / row. */
|
||||
.autoRowAutoColumn {
|
||||
background-color: pink;
|
||||
grid-column: auto;
|
||||
grid-row: auto;
|
||||
}
|
||||
|
||||
.firstRowAutoColumn {
|
||||
background-color: blue;
|
||||
grid-column: auto;
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
.secondRowAutoColumn {
|
||||
background-color: purple;
|
||||
grid-column: auto;
|
||||
grid-row: 2;
|
||||
}
|
||||
|
||||
.thirdRowAutoColumn {
|
||||
background-color: navy;
|
||||
grid-column: auto;
|
||||
grid-row: 3;
|
||||
}
|
||||
|
||||
.autoRowFirstColumn {
|
||||
background-color: lime;
|
||||
grid-column: 1;
|
||||
grid-row: auto;
|
||||
}
|
||||
|
||||
.autoRowSecondColumn {
|
||||
background-color: orange;
|
||||
grid-column: 2;
|
||||
grid-row: auto;
|
||||
}
|
||||
|
||||
.autoRowThirdColumn {
|
||||
background-color: magenta;
|
||||
grid-column: 3;
|
||||
grid-row: auto;
|
||||
}
|
||||
|
||||
.autoRowAutoColumnSpanning2 {
|
||||
background-color: maroon;
|
||||
grid-column: span 2;
|
||||
grid-row: auto;
|
||||
}
|
||||
|
||||
.autoRowSpanning2AutoColumn {
|
||||
background-color: aqua;
|
||||
grid-column: auto;
|
||||
grid-row: span 2;
|
||||
}
|
||||
|
||||
.autoRowSpanning2AutoColumnSpanning3 {
|
||||
background-color: olive;
|
||||
grid-column: span 3;
|
||||
grid-row: span 2;
|
||||
}
|
||||
|
||||
.autoRowSpanning3AutoColumnSpanning2 {
|
||||
background-color: indigo;
|
||||
grid-column: span 2;
|
||||
grid-row: span 3;
|
||||
}
|
||||
|
||||
.autoRowFirstColumnSpanning2 {
|
||||
background-color: maroon;
|
||||
grid-column: 1 / span 2;
|
||||
grid-row: auto;
|
||||
}
|
||||
|
||||
.autoRowSecondColumnSpanning2 {
|
||||
background-color: olive;
|
||||
grid-column: 2 / span 2;
|
||||
grid-row: auto;
|
||||
}
|
||||
|
||||
.firstRowSpanning2AutoColumn {
|
||||
background-color: maroon;
|
||||
grid-column: auto;
|
||||
grid-row: 1 / span 2;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.secondRowSpanning2AutoColumn {
|
||||
background-color: olive;
|
||||
grid-column: auto;
|
||||
grid-row: 2 / span 2;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Grid element flow. */
|
||||
.gridAutoFlowColumnSparse {
|
||||
grid-auto-flow: column;
|
||||
}
|
||||
|
||||
.gridAutoFlowColumnDense {
|
||||
grid-auto-flow: column dense;
|
||||
}
|
||||
|
||||
.gridAutoFlowRowSparse {
|
||||
grid-auto-flow: row;
|
||||
}
|
||||
|
||||
.gridAutoFlowRowDense {
|
||||
grid-auto-flow: row dense;
|
||||
}
|
||||
|
||||
/* This rule makes sure the container is smaller than any grid items to avoid distributing any extra logical space to them. */
|
||||
.constrainedContainer {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.unconstrainedContainer {
|
||||
width: 1000px;
|
||||
height: 1000px;
|
||||
}
|
||||
|
||||
.sizedToGridArea {
|
||||
font: 10px/1 Ahem;
|
||||
/* Make us fit our grid area. */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.verticalRL {
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
.verticalLR {
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
.horizontalTB {
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
.directionRTL {
|
||||
direction: rtl;
|
||||
}
|
||||
.directionLTR {
|
||||
direction: ltr;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue