forked from mirrors/gecko-dev
986a440668
Automatic update from web-platform-tests [css-flexbox] Implement gap/gutters This only works when you enable "Enable experimental web platform features" in about:flags. This patch doesn't implement a weird case that firefox supports: resolving a percent column-gap when the flexbox's height is indefinite. This patch resolves it to 0. We may wait until that is fixed before exposing this to the web without the about:flag. The relevant test is http://wpt.live/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-column-row-gap-004.html The spec issue is https://github.com/w3c/csswg-drafts/issues/4664. This patch does not include the few engine-specific bits in legacy, so gap only works in FlexNG. Change-Id: I691889cf4b9346e94c83ef655dc9fd6eebca640d Bug: 762679, 845235 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2162149 Commit-Queue: David Grogan <dgrogan@chromium.org> Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org> Reviewed-by: Christian Biesinger <cbiesinger@chromium.org> Cr-Commit-Position: refs/heads/master@{#762264} -- wpt-commits: 344e2aa99d6555e12d0003fb6cbf7abf0c5fd64a wpt-pr: 23194
30 lines
636 B
HTML
30 lines
636 B
HTML
<!DOCTYPE html>
|
|
<meta charset="utf-8">
|
|
<title>CSS Flexbox Test: gap - horizontal with RTL writing mode</title>
|
|
<link rel="author" title="Adam Argyle" href="mailto:argyle@google.com">
|
|
<style>
|
|
body {
|
|
direction: rtl;
|
|
}
|
|
|
|
section {
|
|
background-color: green;
|
|
block-size: 100px;
|
|
display: flex;
|
|
}
|
|
section > div{
|
|
background-color: grey;
|
|
flex: 1 1 auto;
|
|
}
|
|
section > div:not(:first-child) {
|
|
margin-inline-start: 20px;
|
|
}
|
|
</style>
|
|
<body>
|
|
<p>Test passes if there is <strong>a green vertical line between boxes</strong>.</p>
|
|
<section>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
</section>
|
|
</body>
|