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

Bug 1526388 [wpt PR 15160] - [LayoutNG] Provide both inline resolution sizes to legacy., a=testonly 

Automatic update from web-platform-tests
[LayoutNG] Provide both inline resolution sizes to legacy.

When entering legacy layout from NG, we need to provide both percentage
resolution inline size and available inline size.

Available size is used when using the fill-available measure, i.e. what
typically takes place when inline-size is auto. Percentage resolution
size is used otherwise (to resolve percentages). We used to provide
percentage size if inline-size was percentage based, and available size
otherwise. But there are cases where we need both. Any of inline-size,
inline-min-size and inline-max-size may or may not be percentage based,
and letting the unit type of inline-size decide therefore won't do.

Change-Id: I225372584a88471dad35deddbc2d3a7de732583a
Reviewed-on: https://chromium-review.googlesource.com/c/1443992
Reviewed-by: Christian Biesinger <cbiesinger@chromium.org>
Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org>
Commit-Queue: Morten Stenshorne <mstensho@chromium.org>
Cr-Commit-Position: refs/heads/master@{#627885}

--

wpt-commits: 6b32df28ee471247e7d6e5e1764f1c47ea762f5d
wpt-pr: 15160
This commit is contained in:
Morten Stenshorne 2019-02-12 14:08:08 +00:00 коммит произвёл moz-wptsync-bot
Родитель d35f12c942
Коммит bf466c1749
3 изменённых файлов: 49 добавлений и 0 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

19
testing/web-platform/tests/css/css-sizing/table-percentage-max-width-beside-float.html Normal file
Просмотреть файл

@ -0,0 +1,19 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-sizing/#available">
<link rel="help" href="https://drafts.csswg.org/css-sizing/#percentage-sizing">
<p>There should be a green square below, and no red.</p>
<div id="container" style="width:100px; background:red;">
<div style="float:right; width:50px; height:100px; background:green;"></div>
<div style="display:table; max-width:50%; height:100px; background:green;" data-expected-width="50">
<div style="float:left; width:20px; height:10px;"></div>
<div style="float:left; width:20px; height:10px;"></div>
<div style="float:left; width:20px; height:10px;"></div>
</div>
</div>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script>
checkLayout("#container");
</script>

15
testing/web-platform/tests/css/css-sizing/table-percentage-min-width-below-float.html Normal file
Просмотреть файл

@ -0,0 +1,15 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-sizing/#available">
<link rel="help" href="https://drafts.csswg.org/css-sizing/#percentage-sizing">
<p>There should be a blue square below.</p>
<div id="container" style="width:100px;">
<div style="float:right; width:50px; height:10px;"></div>
<div style="display:table; width:10px; min-width:100%; height:100px; background:blue;" data-expected-width="100"></div>
</div>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script>
checkLayout("#container");
</script>

15
testing/web-platform/tests/css/css-sizing/table-percentage-min-width-beside-float.html Normal file
Просмотреть файл

@ -0,0 +1,15 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-sizing/#available">
<link rel="help" href="https://drafts.csswg.org/css-sizing/#percentage-sizing">
<p>There should be a green square below, and no red.</p>
<div id="container" style="width:100px; background:red;">
<div style="float:right; width:50px; height:100px; background:green;"></div>
<div style="display:table; width:10px; min-width:50%; height:100px; background:green;" data-expected-width="50"></div>
</div>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script>
checkLayout("#container");
</script>