Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(69)

Unified Diff: LayoutTests/css3/flexbox/flex-one-sets-flex-basis-to-zero-px.html

Issue 478233004: Flexbox flex: 1 incorrectly sets flex-basis to 0px (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 6 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: LayoutTests/css3/flexbox/flex-one-sets-flex-basis-to-zero-px.html
diff --git a/LayoutTests/css3/flexbox/flex-one-sets-flex-basis-to-zero-px.html b/LayoutTests/css3/flexbox/flex-one-sets-flex-basis-to-zero-px.html
new file mode 100644
index 0000000000000000000000000000000000000000..406da0441a6ed1c14d96c511cd284621c29536c0
--- /dev/null
+++ b/LayoutTests/css3/flexbox/flex-one-sets-flex-basis-to-zero-px.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+<link href="resources/flexbox.css" rel="stylesheet">
+<style>
+.flexbox > div {
+ font-family: Ahem;
+ font-size: 14px;
+}
+
+.flex-one-one-zero-percent {
+ flex: 1 1 0%;
+}
+
+.flex-one-one-zero-px {
+ flex: 1 1 0px;
+}
+
+.vertical {
+ -webkit-writing-mode: vertical-rl;
+}
+</style>
+<script src="../../resources/check-layout.js"></script>
+<body onload="checkLayout('.flexbox');">
+<div class="flexbox column">
+ <div class="flex-one" data-expected-height="14">Flex item with flex: 1</div>
+</div>
+
+<div class="flexbox column">
+ <div class="flex-one-one-zero-percent" data-expected-height="14">Flex item with flex: 1 1 0%</div>
+</div>
+
+<div class="flexbox column">
+ <div class="flex-one-one-zero-px" data-expected-height="0">Flex item with flex: 1 1 0px</div>
+</div>
+
+<div class="flexbox column vertical">
+ <div class="flex-one" data-expected-width="14">Flex item with flex: 1</div>
+</div>
+
+<div class="flexbox column vertical">
+ <div class="flex-one-one-zero-percent" data-expected-width="14">Flex item with flex: 1 1 0%</div>
+</div>
+
+<div class="flexbox column vertical">
+ <div class="flex-one-one-zero-px" data-expected-width="0">Flex item with flex: 1 1 0px</div>
+</div>
+</body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698