mozilla
/
gecko-dev
зеркало из https://github.com/mozilla/gecko-dev.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Backed out changeset 4f19e5c90d1c (bug 1277934) for causing failures at grid-container-baselines-007.html. CLOSED TREE

This commit is contained in:
Butkovits Atila 2024-04-26 23:57:19 +03:00
Родитель 915fa64561
Коммит 4fc9344ac5
7 изменённых файлов: 1 добавлений и 474 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

89
layout/reftests/css-grid/grid-container-baselines-005-ref.html
Просмотреть файл

@ -1,89 +0,0 @@
<!DOCTYPE HTML>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<html>
<head>
<meta charset="utf-8">
<title>CSS Grid Test: Grid item align-self:baseline|last baseline</title>
<link rel="author" title="Patryk Gruszka" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1277934">
<style>
html, body {
color: black;
background-color: white;
font: 18px/1 Ahem;
padding: 0;
margin: 0;
}
.grid {
display: inline-grid;
grid: auto / repeat(4, auto);
border: 2px solid;
margin: 4px;
}
.c {
writing-mode: vertical-rl;
text-orientation: sideways;
}
.b {
writing-mode: vertical-lr;
text-orientation: sideways;
}
span {
display: inline-block;
}
span:nth-child(1) {
font-size: 12px;
}
span:nth-child(2) {
font-size: 32px;
}
span:nth-child(3) {
font-size: 10px;
}
.sfb {
vertical-align: text-bottom;
}
.slb {
vertical-align: text-top;
}
</style>
</head>
<body>
<div>
<div class="grid"><span>A<br>B</span> <span class="sfb" style="">A<br>B</span> <span>A<br>B</span> <span class="sfb"
style="margin-top: 12px; margin-bottom: auto; padding-block-end: 30px;">A<br>B</span>
</div>
</div>
<div>
<div class="grid"><span>A<br>B</span> <span class="slb" style="margin-top: auto;">A<br>B</span> <span>A<br>B</span>
<span class="slb" style="margin-top: auto; margin-bottom: 2px; padding-block-start: 40px;">A<br>B</span></div>
</div>
<div>
<div class="grid c"><span>A<br>B</span> <span class="sfb">A<br>B</span> <span>A<br>B</span> <span class="sfb"
style="margin-right: 12px; margin-left: auto; padding-block-end: 30px;">A<br>B</span>
</div>
<div class="grid b"><span>A<br>B</span> <span class="sfb">A<br>B</span> <span>A<br>B</span> <span class="sfb"
style="margin-right: auto; margin-left: 2px; padding-block-end: 30px;">A<br>B</span>
</div>
<div class="grid c"><span>A<br>B</span> <span class="slb" style="margin-right: auto;">A<br>B</span>
<span>A<br>B</span> <span class="slb" style="margin-right: auto; margin-left: 2px; padding-block-start: 40px;">A<br>B</span>
</div>
<div class="grid b"><span>A<br>B</span> <span class="slb" style="margin-left: auto;">A<br>B</span>
<span>A<br>B</span> <span class="slb" style="margin-right: 12px; margin-left: auto; padding-block-start: 40px;">A<br>B</span>
</div>
</div>
</body>
</html>

94
layout/reftests/css-grid/grid-container-baselines-005.html
Просмотреть файл

@ -1,94 +0,0 @@
<!DOCTYPE HTML>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<html>
<head>
<meta charset="utf-8">
<title>CSS Grid Test: Grid item align-self:baseline|last baseline</title>
<link rel="author" title="Patryk Gruszka" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1277934">
<link rel="help" href="https://drafts.csswg.org/css-align-3/#baseline-align-content">
<link rel="match" href="grid-container-baselines-005-ref.html">
<style>
html, body {
color: black;
background-color: white;
font: 18px/1 Ahem;
padding: 0;
margin: 0;
}
.grid {
display: inline-grid;
grid: auto / repeat(4, auto);
border: 2px solid;
margin: 4px;
}
.c {
writing-mode: vertical-rl;
text-orientation: sideways;
}
.b {
writing-mode: vertical-lr;
text-orientation: sideways;
}
span {
display: inline-block;
}
span:nth-child(1) {
font-size: 12px;
}
span:nth-child(2) {
font-size: 32px;
}
span:nth-child(3) {
font-size: 10px;
}
.sfb {
align-self: baseline;
}
.slb {
align-self: last baseline;
}
</style>
</head>
<body>
<div>
<div class="grid"><span>A<br>B</span> <span class="sfb">A<br>B</span> <span>A<br>B</span> <span class="sfb"
style="padding-block-end: 30px;">A<br>B</span>
</div>
</div>
<div>
<div class="grid"><span>A<br>B</span> <span class="slb">A<br>B</span> <span>A<br>B</span> <span class="slb"
style="padding-block-start: 40px;">A<br>B</span>
</div>
</div>
<div>
<div class="grid c"><span>A<br>B</span> <span class="sfb">A<br>B</span> <span>A<br>B</span> <span class="sfb"
style="padding-block-end: 30px;">A<br>B</span>
</div>
<div class="grid b"><span>A<br>B</span> <span class="sfb">A<br>B</span> <span>A<br>B</span> <span class="sfb"
style="padding-block-end: 30px;">A<br>B</span>
</div>
<div class="grid c"><span>A<br>B</span> <span class="slb">A<br>B</span> <span>A<br>B</span> <span class="slb"
style="padding-block-start: 40px;">A<br>B</span>
</div>
<div class="grid b"><span>A<br>B</span> <span class="slb">A<br>B</span> <span>A<br>B</span> <span class="slb"
style="padding-block-start: 40px;">A<br>B</span>
</div>
</div>
</body>
</html>

78
layout/reftests/css-grid/grid-container-baselines-006-ref.html
Просмотреть файл

@ -1,78 +0,0 @@
<!DOCTYPE HTML>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<html>
<head>
<meta charset="utf-8">
<title>CSS Grid Test: Grid item justify-self:baseline|last baseline</title>
<link rel="author" title="Patryk Gruszka" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1277934">
<style>
html, body {
color: black;
background-color: white;
font: 18px/1 Ahem;
padding: 0;
margin: 0;
}
.grid {
display: inline-grid;
grid: repeat(4, auto) / auto;
border: 2px solid;
margin: 5px;
}
.c {
writing-mode: vertical-rl;
text-orientation: sideways;
}
.b {
writing-mode: vertical-lr;
text-orientation: sideways;
}
span {
display: inline-block;
}
span:nth-child(1) {
font-size: 12px;
}
span:nth-child(2) {
font-size: 32px;
}
span:nth-child(3) {
font-size: 10px;
}
</style>
</head>
<body>
<div>
<div class="grid"><span>AB</span> <span class="sfb">AB</span> <span>AB</span> <span class="sfb">AB</span></div>
</div>
<div>
<div class="grid"><span>AB</span> <span class="slb">AB</span> <span>AB</span> <span class="slb"
style="margin-left: auto;">AB</span>
</div>
</div>
<div>
<div class="grid c"><span>AB</span> <span class="sfb">AB</span> <span>AB</span> <span class="sfb">AB</span></div>
<div class="grid b"><span>AB</span> <span class="sfb">AB</span> <span>AB</span> <span class="sfb">AB</span></div>
<div class="grid c"><span>AB</span> <span class="slb">AB</span> <span>AB</span> <span class="slb"
style="margin-top: auto;">AB</span>
</div>
<div class="grid b"><span>AB</span> <span class="slb">AB</span> <span>AB</span> <span class="slb"
style="margin-top: auto;">AB</span>
</div>
</div>
</body>
</html>

82
layout/reftests/css-grid/grid-container-baselines-006.html
Просмотреть файл

@ -1,82 +0,0 @@
<!DOCTYPE HTML>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<html>
<head>
<meta charset="utf-8">
<title>CSS Grid Test: Grid item justify-self:baseline|last baseline</title>
<link rel="author" title="Patryk Gruszka" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1277934">
<link rel="help" href="https://drafts.csswg.org/css-align-3/#baseline-align-content">
<link rel="match" href="grid-container-baselines-006-ref.html">
<style>
html, body {
color: black;
background-color: white;
font: 18px/1 Ahem;
padding: 0;
margin: 0;
}
.grid {
display: inline-grid;
grid: repeat(4, auto) / auto;
border: 2px solid;
margin: 5px;
}
.c {
writing-mode: vertical-rl;
text-orientation: sideways;
}
.b {
writing-mode: vertical-lr;
text-orientation: sideways;
}
span {
display: inline-block;
}
span:nth-child(1) {
font-size: 12px;
}
span:nth-child(2) {
font-size: 32px;
}
span:nth-child(3) {
font-size: 10px;
}
.sfb {
justify-self: baseline;
}
.slb {
justify-self: last baseline;
}
</style>
</head>
<body>
<div>
<div class="grid"><span>AB</span> <span class="sfb">AB</span> <span>AB</span> <span class="sfb">AB</span></div>
</div>
<div>
<div class="grid"><span>AB</span> <span class="slb">AB</span> <span>AB</span> <span class="slb">AB</span></div>
</div>
<div>
<div class="grid c"><span>AB</span> <span class="sfb">AB</span> <span>AB</span> <span class="sfb">AB</span></div>
<div class="grid b"><span>AB</span> <span class="sfb">AB</span> <span>AB</span> <span class="sfb">AB</span></div>
<div class="grid c"><span>AB</span> <span class="slb">AB</span> <span>AB</span> <span class="slb">AB</span></div>
<div class="grid b"><span>AB</span> <span class="slb">AB</span> <span>AB</span> <span class="slb">AB</span></div>
</div>
</body>
</html>

62
layout/reftests/css-grid/grid-container-baselines-007-ref.html
Просмотреть файл

@ -1,62 +0,0 @@
<!DOCTYPE HTML>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<html>
<head>
<meta charset="utf-8">
<title>CSS Grid Test: Grid item justify-items:baseline</title>
<link rel="author" title="Patryk Gruszka" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1277934">
<style>
html, body {
color: black;
background-color: white;
font: 16px/1 Ahem;
padding: 0;
margin: 0;
}
.grid {
display: inline-grid;
border: 2px solid;
margin: 4px;
}
.c {
writing-mode: vertical-rl;
text-orientation: sideways;
}
span:nth-child(1) {
font-size: 10px;
}
span:nth-child(2) {
font-size: 20px;
justify-self: end;
}
span:nth-child(3) {
font-size: 30px;
}
</style>
</head>
<body>
<!-- the center baseline of A and C are aligned -->
<div class="grid">
<span class="c" style="padding-block-end: 40px; margin-right: 17px;">A<br>X</span>
<span class="c">B</span>
<span class="c">C<br>Z</span>
</div>
<!-- the center baseline of X and Z are aligned -->
<div class="grid">
<span class="c" style="padding-block-start: 40px; margin-left: 3px;">A<br>X</span>
<span class="c">B</span>
<span class="c" style="margin-right: auto;">C<br>Z</span>
</div>
</body>
</html>

65
layout/reftests/css-grid/grid-container-baselines-007.html
Просмотреть файл

@ -1,65 +0,0 @@
<!DOCTYPE HTML>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<html>
<head>
<meta charset="utf-8">
<title>CSS Grid Test: Grid item justify-items:baseline</title>
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1277934">
<link rel="help" href="https://drafts.csswg.org/css-align-3/#baseline-align-content">
<link rel="match" href="grid-container-baselines-007-ref.html">
<style>
html, body {
color: black;
background-color: white;
font: 16px/1 Ahem;
padding: 0;
margin: 0;
}
.grid {
display: inline-grid;
justify-items: baseline;
border: 2px solid;
margin: 4px;
}
.c {
writing-mode: vertical-rl;
text-orientation: sideways;
}
span:nth-child(1) {
font-size: 10px;
}
span:nth-child(2) {
font-size: 20px;
justify-self: end;
}
span:nth-child(3) {
font-size: 30px;
}
</style>
</head>
<body>
<!-- the center baseline of A and C are aligned -->
<div class="grid">
<span class="c" style="padding-block-end: 40px">A<br>X</span>
<span class="c">B</span>
<span class="c">C<br>Z</span>
</div>
<!-- the center baseline of X and Z are aligned -->
<div class="grid" style="justify-items: last baseline;">
<span class="c" style="padding-block-start: 40px">A<br>X</span>
<span class="c">B</span>
<span class="c">C<br>Z</span>
</div>
</body>
</html>

5
layout/reftests/css-grid/reftest.list
Просмотреть файл

@ -137,9 +137,6 @@ skip-if(!gtkWidget) == grid-container-baselines-001.html grid-container-baseline
skip-if(!gtkWidget) == grid-container-baselines-002.html grid-container-baselines-002-ref.html
skip-if(!gtkWidget) == grid-container-baselines-003.html grid-container-baselines-003-ref.html
== grid-container-baselines-004.html grid-container-baselines-004-ref.html
== grid-container-baselines-005.html grid-container-baselines-005-ref.html
== grid-container-baselines-006.html grid-container-baselines-006-ref.html
== grid-container-baselines-007.html grid-container-baselines-007-ref.html
== grid-container-synthesized-baseline-001.html grid-container-synthesized-baseline-001-ref.html
== grid-column-gap-001.html grid-column-gap-001-ref.html
== grid-column-gap-002.html grid-column-gap-002-ref.html
@ -284,4 +281,4 @@ fuzzy-if(winWidget,0-1,0-5) == grid-fragmentation-027.html grid-fragmentation-02
== grid-measuring-reflow-resize-dynamic-001.html grid-measuring-reflow-resize-001-ref.html
== grid-item-align-dynamic-pos-001.html grid-item-align-dynamic-pos-001-ref.html
== grid-item-align-dynamic-pos-002.html grid-item-align-dynamic-pos-002-ref.html
== grid-item-align-dynamic-pos-003.html grid-item-align-dynamic-pos-003-ref.html
== grid-item-align-dynamic-pos-003.html grid-item-align-dynamic-pos-003-ref.html