aboutsummaryrefslogtreecommitdiffstats
path: root/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-horiz-002.xht
diff options
context:
space:
mode:
Diffstat (limited to 'tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-horiz-002.xht')
-rw-r--r--tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-horiz-002.xht50
1 files changed, 0 insertions, 50 deletions
diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-horiz-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-horiz-002.xht
deleted file mode 100644
index 94936109f34..00000000000
--- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-overflow-horiz-002.xht
+++ /dev/null
@@ -1,50 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<!--
- Any copyright is dedicated to the Public Domain.
- http://creativecommons.org/publicdomain/zero/1.0/
---><!-- This testcase checks that we honor "align-items" on a horizontal
- flex container that has "overflow: hidden". We use a huge border on
- one of the flex items, large enough that it overflows the container,
- to be sure that "overflow: hidden" is actually applying. --><html xmlns="http://www.w3.org/1999/xhtml"><head>
- <title>CSS Test: Testing 'overflow' property on a horizontal flex container, with 'align-items: center'</title>
- <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" />
- <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" />
- <link href="reference/flexbox-overflow-horiz-002-ref.xht" rel="match" />
- <style>
- .flexContainer {
- background: purple;
- display: flex;
- align-items: center;
- width: 70px;
- height: 70px;
- float: left;
- margin-right: 5px;
- }
- .bigItem {
- background: blue;
- height: 10px;
- /* Tall border (taller than our container): */
- border: solid coral;
- border-width: 50px 2px;
- flex: 3;
- }
- .smallItem {
- background: teal;
- height: 20px;
- flex: 1;
- }
- .hidden { overflow: hidden }
- </style>
-</head>
-<body>
- <div class="flexContainer"><!-- (overflow un-set) -->
- <div class="bigItem"></div>
- <div class="smallItem"></div>
- </div>
- <div class="flexContainer hidden">
- <div class="bigItem"></div>
- <div class="smallItem"></div>
- </div>
-
-
-</body></html> \ No newline at end of file