fune/testing/web-platform/tests/css/css-grid/grid-with-orthogonal-child-within-flexbox.html
Ian Kilpatrick cc517a45cb Bug 1730616 [wpt PR 30703] - [wpt] Add tests for two grid issues., a=testonly
Automatic update from web-platform-tests
[wpt] Add tests for two grid issues.

Bug: 1111799, 1127715
Change-Id: I9de52b03ff6fe087bde18072c9f29dc437d43b50
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3158852
Commit-Queue: Ian Kilpatrick <ikilpatrick@chromium.org>
Auto-Submit: Ian Kilpatrick <ikilpatrick@chromium.org>
Reviewed-by: Daniel Libby <dlibby@microsoft.com>
Reviewed-by: Kurt Catti-Schmidt <kschmi@microsoft.com>
Cr-Commit-Position: refs/heads/main@{#920986}

--

wpt-commits: ea28b33acbe780c1ebc4ef1503dffdf3672d58c8
wpt-pr: 30703
2021-09-29 09:24:17 +00:00

13 lines
700 B
HTML

<!DOCTYPE html>
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1111799">
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
<p>Test passes if there is a filled green square.</p>
<div style="display: flex; width: 100px; overflow: hidden;">
<div style="display: grid; height: 100px;"> <!-- min-content is 100px -->
<div style="writing-mode: vertical-rl; line-height: 0;">
<span style="display: inline-block; width: 50px; height: 100px; background: green;"></span>
<span style="display: inline-block; width: 50px; height: 100px; background: green;"></span>
</div>
</div>
<div style="background: red;">text</div>
</div>