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

Bug 1719593 [wpt PR 29605] - [TransformInterop] Make preserve-3d still be no-op on inlines., a=testonly 

Automatic update from web-platform-tests
[TransformInterop] Make preserve-3d still be no-op on inlines.

Make transform-style: preserve-3d still be a no-op on non-replaced
inline elements rather than making it force a stacking context and a
containing block.

This matches Gecko's behavior, and I think the intent of the spec change
that this is implementing.  The proposal to change the spec to match is
in https://github.com/w3c/csswg-drafts/issues/6430 .

This change also means we can avoid worrying about fixing the DCHECK()
failures triggered by having an additional way of making non-replaced
inlines be a containing block for fixed-positioned elements.

Fixed: 1226287
Change-Id: Ifeb472de072355001d71f37f3e6bf7c71d085154
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3011457
Reviewed-by: Stefan Zager <szager@chromium.org>
Commit-Queue: David Baron <dbaron@chromium.org>
Cr-Commit-Position: refs/heads/master@{#899617}

--

wpt-commits: 3373bcff73e290f95342a9b71c5a967bf47da582
wpt-pr: 29605
This commit is contained in:
L. David Baron 2021-07-17 09:47:03 +00:00 коммит произвёл moz-wptsync-bot
Родитель 204e0a63f4
Коммит 360e493d10
4 изменённых файлов: 72 добавлений и 0 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

9
testing/web-platform/tests/css/css-transforms/crashtests/preserve3d-containing-block-inline-001.html Normal file
Просмотреть файл

@ -0,0 +1,9 @@
<!DOCTYPE HTML>
<html style="columns: 1">
<title>CSS Test (Transforms): preserve-3d, inlines, and being a containing block</title>
<link rel="author" title="L. David Baron" href="https://dbaron.org/">
<link rel="author" title="Google" href="http://www.google.com/">
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1226287">
<meta name="assert" content="This should not crash.">
<span style="transform-style: preserve-3d"><span style="position: absolute"></span></span>

8
testing/web-platform/tests/css/css-transforms/crashtests/preserve3d-containing-block-inline-002.html Normal file
Просмотреть файл

@ -0,0 +1,8 @@
<!DOCTYPE HTML>
<title>CSS Test (Transforms): preserve-3d, inlines, and being a containing block</title>
<link rel="author" title="L. David Baron" href="https://dbaron.org/">
<link rel="author" title="Google" href="http://www.google.com/">
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1226287">
<meta name="assert" content="This should not crash.">
<span style="transform-style: preserve-3d"><span style="position: absolute"></span></span>

21
testing/web-platform/tests/css/css-transforms/preserve-3d-flat-grouping-properties-containing-block-inline-ref.html Normal file
Просмотреть файл

@ -0,0 +1,21 @@
<!DOCTYPE HTML>
<meta charset="UTF-8">
<title>CSS Test Reference: transform-style: preserve-3d not being a containing block on inlines</title>
<link rel="author" title="L. David Baron" href="https://dbaron.org/">
<link rel="author" title="Google" href="http://www.google.com/">
<style>
body {
margin: 0;
}
#ref {
display: block;
width: 50px;
height: 50px;
background: blue;
}
</style>
<span id="ref"></span>

34
testing/web-platform/tests/css/css-transforms/preserve-3d-flat-grouping-properties-containing-block-inline.tentative.html Normal file
Просмотреть файл

@ -0,0 +1,34 @@
<!DOCTYPE HTML>
<meta charset="UTF-8">
<title>CSS Test: transform-style: preserve-3d not being a containing block on inlines</title>
<link rel="author" title="L. David Baron" href="https://dbaron.org/">
<link rel="author" title="Google" href="http://www.google.com/">
<link rel="help" href="https://drafts.csswg.org/css-transforms-2/#transform-style-property">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/6430">
<link rel="match" href="preserve-3d-flat-grouping-properties-containing-block-inline-ref.html">
<style>
#container {
margin: 150px;
}
#outer {
transform-style: preserve-3d;
}
#inner {
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
background: blue;
}
</style>
<div id="container">
<span id="outer">
<span id="inner"></span>
</span>
</div>