aboutsummaryrefslogtreecommitdiffstats
path: root/test/render/flex/--flexbox_flex-none-wrappable-content.htm
diff options
context:
space:
mode:
Diffstat (limited to 'test/render/flex/--flexbox_flex-none-wrappable-content.htm')
-rw-r--r--test/render/flex/--flexbox_flex-none-wrappable-content.htm26
1 files changed, 26 insertions, 0 deletions
diff --git a/test/render/flex/--flexbox_flex-none-wrappable-content.htm b/test/render/flex/--flexbox_flex-none-wrappable-content.htm
new file mode 100644
index 00000000..057a770f
--- /dev/null
+++ b/test/render/flex/--flexbox_flex-none-wrappable-content.htm
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<!-- Mirrored from test.csswg.org/suites/css-flexbox-1_dev/nightly-unstable/html/flexbox_flex-none-wrappable-content.htm by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 23 Dec 2023 16:15:11 GMT -->
+<head><title>Specifying flex:none on wrappable content should give content its full width</title>
+<link href="http://www.w3.org/TR/css-flexbox-1/#flex-common" rel="help">
+<meta content="When content has flex:none, it should be given its full width" name="assert">
+<link href="http://test.csswg.org/suites/css-flexbox-1_dev/nightly-unstable/html/reference/flexbox_flex-none-wrappable-content-ref.htm" rel="match">
+
+<link href="fonts/ahem.css" type="text/css" rel="stylesheet">
+<style>
+span {
+ font-family: Ahem;
+ color: green;
+}
+</style>
+
+</head><body><div style="display: flex; width: 5px;">
+ <div style="flex: none;">
+ <span>XXX XXX XXX</span>
+ </div>
+</div>
+
+<div style="margin-top: 1em;">You should see three green rectangles above, all on the same line.</div>
+</body>
+<!-- Mirrored from test.csswg.org/suites/css-flexbox-1_dev/nightly-unstable/html/flexbox_flex-none-wrappable-content.htm by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 23 Dec 2023 16:15:11 GMT -->
+</html>