mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-11 05:39:41 +02:00
755d217cda
Automatic update from web-platform-tests [css-flexbox] Move intrinsic-width-orthogonal-writing-mode.html to WPT Migrate this test out of third_party/blink/web_tests/css3/flexbox and into the WPT-specific directory, adding links to the relevant specs and a test assertion describing its purpose. Bug: 1063749 Change-Id: Iff9dc7fece854d8500a6ce2ff62625197a36cab0 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2120842 Commit-Queue: David Grogan <dgrogan@chromium.org> Reviewed-by: Robert Ma <robertma@chromium.org> Reviewed-by: David Grogan <dgrogan@chromium.org> Reviewed-by: Christian Biesinger <cbiesinger@chromium.org> Cr-Commit-Position: refs/heads/master@{#753916} -- wpt-commits: 704ff1def0e174a9e3a9388b749c45f15c8bae4d wpt-pr: 22462
31 lines
No EOL
1.1 KiB
HTML
31 lines
No EOL
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<title>CSS Flexbox: container widths & ortho items</title>
|
|
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#flex-containers">
|
|
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-4/#block-flow">
|
|
<link href="support/flexbox.css" rel="stylesheet">
|
|
<meta name="assert" content="the correct width/height of ortho children is used to size flex containers">
|
|
<style>
|
|
.vertical {
|
|
writing-mode: vertical-lr;
|
|
}
|
|
</style>
|
|
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/resources/check-layout-th.js"></script>
|
|
<body onload="checkLayout('.inline-flexbox')">
|
|
<div id=log></div>
|
|
|
|
<div class="inline-flexbox" data-expected-width="20">
|
|
<div class="vertical" style="width: 20px; height: 50px;"></div>
|
|
</div>
|
|
|
|
<div class="inline-flexbox" data-expected-width="20">
|
|
<div class="vertical" style="line-height: 20px;">Some text</div>
|
|
</div>
|
|
|
|
<div class="inline-flexbox" data-expected-width="20">
|
|
<span class="vertical" data-expected-width="20" style="line-height: 20px;">Some text</span>
|
|
</div>
|
|
</body> |