id references title flags links revision credits assertion
align-content-001 reference/align-content-001-ref A multi-line flex container with the 'align-content' property set to 'center' http://www.w3.org/TR/css-flexbox-1/#align-content-property fef3efe3e5cd11de1b905aba10c750ed95c1e34a `Microsoft` This test checks that a multi-line flex container with 'align-content: center' centers lines in the flex container.
align-content-002 reference/align-content-001-ref A multi-line flex container with the 'align-content' property set to 'flex-start' http://www.w3.org/TR/css-flexbox-1/#align-content-property 190b201ce64305bbc31e1aac68440f107d0b0d37 `Microsoft` This test checks that a multi-line flex container with 'align-content: flex-start' packs lines toward the start of the flex container.
align-content-003 reference/align-content-001-ref A multi-line flex container with the 'align-content' property set to 'flex-end' http://www.w3.org/TR/css-flexbox-1/#align-content-property 756731440b6e3954113add77eb19ae4059971216 `Microsoft` This test checks that a multi-line flex container with 'align-content: flex-end' packs lines toward the end of the flex container.
align-content-004 reference/align-content-001-ref A multi-line flex container with the 'align-content' property set to 'space-between' http://www.w3.org/TR/css-flexbox-1/#align-content-property 34f53f21d8e29643dc7d4e0a682fe2cf3efc0aba `Microsoft` This test checks that a multi-line flex container with 'align-content: space-between' distributes lines evenly in the flex container.
align-content-005 reference/align-content-001-ref A multi-line flex container with the 'align-content' property set to 'space-around' http://www.w3.org/TR/css-flexbox-1/#align-content-property 39ab5998ee1c4086345153b7bab6547c8ae637e0 `Microsoft` This test checks that a multi-line flex container with 'align-content: space-around' distributes lines evenly in the flex container, with half-size spaces on either end.
align-content-006 reference/align-content-001-ref A multi-line flex container with the 'align-content' property set to 'stretch' http://www.w3.org/TR/css-flexbox-1/#align-content-property 8e1982659c3168b4fc4291d3c9489ab867514f5e `Microsoft` This test checks that a multi-line flex container with 'align-content: stretch' stretches lines to take up the remaining space.
align-content_center align-content_center http://www.w3.org/TR/css-flexbox-1/#align-content-property 3bc06cae9ac8f6e20e1e3bfdb8ffe418ea4e813d `Intel` Check if the web engine can identify the align-content value center.
align-content_flex-end align-content_flex-end http://www.w3.org/TR/css-flexbox-1/#align-content-property 30de9d16bf6866cea70dd5a4ee40ff708f45ed82 `Intel` Check if the web engine can identify the align-content value flex-end.
align-content_flex-start align-content_flex-start http://www.w3.org/TR/css-flexbox-1/#align-content-property c95a94532734a5ebb9b289bf24fc5b490c961957 `Intel` Check if the web engine can identify the align-content value flex-start.
align-content_space-around align-content_space-around http://www.w3.org/TR/css-flexbox-1/#align-content-property cf480567e09a3b0b23d30092ab9dcbb6b67f2a06 `Intel` Check if the web engine can identify align-content value space-around.
align-content_space-between align-content_space-between http://www.w3.org/TR/css-flexbox-1/#align-content-property 3ffa26884e25266dc12c601966c6938908753e1c `Intel` Check if the display can recognize inline-flex value.
align-content_stretch align-content_stretch http://www.w3.org/TR/css-flexbox-1/#align-content-property 6b920e56b35478d018ae1d2b0522ec226aa9bd56 `Intel` Check if the web engine can identify the align-content value stretch.
align-items-001 reference/align-content-001-ref A flex container with the 'align-items' property set to 'center' http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 4ec90267d588987280f145d8df8ac6f061999258 `Microsoft` This test checks that the flex container with 'align-items: center' centers each flex item's margin box in the cross-axis of its line.
align-items-002 reference/align-content-001-ref A flex container with the 'align-items' property set to 'flex-start' http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-items ba2dfa0b337d281eb321868358df2435c600506b `Microsoft` This test checks that the flex container with 'align-items: flex-start' places each flex item's margin box flush with the cross-start edge of line.
align-items-003 reference/align-content-001-ref A flex container with the 'align-items' property set to 'flex-end' http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 0864a7e2510be86698e7eafc6c3853f7e3448596 `Microsoft` This test checks that the flex container with 'align-items: flex-end' places each flex item's margin box flush with the cross-end edge of line.
align-items-004 reference/align-content-001-ref A flex container with the 'align-items' property set to 'baseline' ahem http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-items a2ade60ce94bb9608abdcdb10affbbe2b6ba0637 `Microsoft` This test checks that the flex container with 'align-items: baseline' places each flex item's margin box so that their baselines align.
align-items-005 reference/align-content-001-ref A flex container with the 'align-items' property set to 'stretch' http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-items aa76f8315736ed389b671e843e2bff79d9642d16 `Microsoft` This test checks that the flex container with 'align-items: stretch' places each flex item's margin box so that its cross size is the same as the cross size of the line.
align-self-001 reference/ref-filled-green-100px-square align-self - flex-start http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 0cc4990fc47d11d97de1460c7229b2a9ae83854e `Intel`,`Shiyou Tan` The 'align-self' property set 'flex-start' aligns the flex items to the start edge of cross axis
align-self-002 reference/ref-filled-green-100px-square align-self - flex-end http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 76ff8530ed54bf734655e7b061bda90fe575da6a `Intel`,`Shiyou Tan` The 'align-self' property set 'flex-end' aligns the flex items to the end edge of cross axis
align-self-003 reference/ref-filled-green-100px-square align-self - center http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 1ce28e4e595a2f36bd3c9a74033a3a72da36f37f `Intel`,`Shiyou Tan` The 'align-self' property set 'center' centered the flex items in the cross axis within the line
align-self-004 reference/ref-filled-green-100px-square align-self - stretch http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-self e07644c7ce7601750f39d681ee9aea5dc72e888d `Intel`,`Shiyou Tan` The 'align-self' property set 'stretch' makes the cross size of the item's margin box as close to the same size as the line as possible
align-self-005 reference/ref-filled-green-100px-square align-self - stretch (height: number) http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 4ffd7f73199bdfd77d31095d4d4126782e59db5a `Intel`,`Shiyou Tan` The 'align-self' property set 'stretch' will be invalid while cross size of the flex item set exact number
align-self-006 align-self - baseline http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 0aac8117fbe0abfc970d00541545e63d96d62b2e `Intel`,`Shiyou Tan` The 'align-self' property set 'baseline' aligns the flex items to the baseline of content
align-self-007 reference/ref-filled-green-100px-square align-self - auto and align-items - flex-start http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-self,http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 08a37ab62ab05aace2c1936bdfd4da408f44ae92 `Intel`,`Shiyou Tan` The 'align-self' property set 'auto' aligns flex items to start edge of cross-axis when 'align-items' set 'flex-start'
align-self-008 reference/ref-filled-green-100px-square align-self - auto and align-items - flex-end http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 68b946c4e6e0871e6fae61bcc6c1c12efb48c760 `Intel`,`Shiyou Tan` The 'align-self' property set 'auto' aligns flex items to end edge of cross-axis when 'align-items' set 'flex-end'
align-self-009 reference/ref-filled-green-100px-square align-self - auto and align-items - center http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 1edea6e4b18b8e4bec4d0303d6f4dc07548e7e98 `Intel`,`Shiyou Tan` The 'align-self' property set 'auto' will center flex items the flex items in the cross axis when 'align-items' set 'center'
align-self-010 align-self - auto and align-items - baseline http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-self f38470b8bca80980d4f3c797246367fc1669c0b1 `Intel`,`Shiyou Tan` The 'align-self' property set 'auto' aligns the flex items to the baseline of content when 'align-items' set 'baseline'
align-self-011 reference/ref-filled-green-100px-square align-self - auto and align-items - stretch http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-self f6b0b0c7d8a543164b3a07710ccc28902014f7b8 `Intel`,`Shiyou Tan` The 'align-self' property set 'auto' makes the cross size of the item's margin box as close to the same size as the line as possible when 'align-items' set 'stretch'
align-self-012 reference/ref-filled-green-100px-square align-self - auto (initial value) http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 34bdc9d96afd87a8c296f0fc12909f6d3dca4fc4 `Intel`,`Shiyou Tan` The initial value of 'align-self' property is 'auto'
align-self-013 reference/ref-filled-green-100px-square align-self - invalid if applied to flex container http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 47f5f5f57c21ef2f72b97af85c8854d6afd1ba61 `Intel`,`Shiyou Tan` The 'align-self' property is invalid if applied to flex container
autoheight-flexbox-001 reference/autoheight-flexbox-001-ref CSS Regions: fixed height flexbox inside auto height region http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm 3128084e46668edfc50d9a7f3a9d6258e7f8b3f5 `Catalin Badea` Test that flowing a flex container inside a region with auto-height will enlarge the region to fit the content.
autoheight-flexbox-002 reference/regions-flexbox-002-ref CSS Regions: flowing auto-height flexbox elements in region ahem http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm 345f18df42c54ea9b42a19a99da1799c885517ca `Catalin Badea` Test that a flex container with auto height is flowed correctly inside a region with auto height. The region should fit the flexbox.
autoheight-flexbox-003 reference/autoheight-flexbox-003-ref CSS Regions: auto height region inside a fixed sized flexbox ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm 004710b1f015f6add1230601f1dd4e91e3d11967 `Catalin Badea` Test that an auto-height region inside a flexbox is stretched to match the flexbox container's cross size.
autoheight-flexbox-004 reference/autoheight-flexbox-003-ref CSS Regions: auto height region inside an auto height flexbox ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm ced05eb88edefbfbf87d09d9417cc9b5e4fdf60a `Catalin Badea` Test that an auto height region inside a flex container with auto height is displayed properly. The flexbox should have the same height as the region.
autoheight-regions-in-autoheight-flexbox-001 reference/autoheight-regions-in-autoheight-flexbox-001-ref CSS Regions: Auto-height regions in auto-height flex container ahem http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap,http://www.w3.org/TR/css-flexbox-1/#flex-direction-property,http://www.w3.org/TR/css-flexbox-1/#flex-flow-property f73cb2b3f7e27477a602f27d2cb845144bb6153e `Catalin Badea` Test that auto-height regions placed in a flex container with auto-height and row wrap reverse flow are sized correctly. The content from the second flow should flow through the region on the second row and into the region from the first row, making the left blue rectangle taller than the green rectangle on the right.
autoheight-regions-in-autoheight-flexbox-002 reference/autoheight-regions-in-autoheight-flexbox-002-ref CSS Regions: Auto-height regions with vertical writing mode in auto-height flexbox ahem http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm,http://www.w3.org/TR/css-flexbox-1/#flex-direction-property,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 03903463d0ee57e784c8305fc4b3c522d62beb38 `Catalin Badea` Test checks that auto-height regions having content with vertical writing mode are sized correctly when placed inside a flex container. The flowed content should be displayed as a horizontal green stripe.
autoheight-regions-in-autoheight-flexbox-003 reference/autoheight-regions-in-autoheight-flexbox-003-ref CSS Regions: auto-height regions in auto-height flexbox with flex basis ahem http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution,http://www.w3.org/TR/css3-regions/#propdef-break-after,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm,http://www.w3.org/TR/css-flexbox-1/#flex-basis 8beffe2fac2dcde17387196c1fb5aa41bc8383eb `Catalin Badea` Test checks that the computed height of auto-height regions placed in a flex container takes into the account the flex basis property. The space available inside the flex container should be distributed according to the flex basis property. In this particular case, each of the three regions must have a height equal to one third of the flex container's height.
autoheight-regions-in-autoheight-flexbox-004 reference/autoheight-regions-in-autoheight-flexbox-004-ref CSS Regions: nested regions in flexbox ahem http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm,http://www.w3.org/TR/css-flexbox-1/#flex-direction 746e0a434c98b9f994aa99f5a64e85677234f12a `Catalin Badea` Test checks that nested regions placed in flex containers are laid out properly. The first flow (blue content) is nested inside the second flow (green content). The user should see three horizontal stripes with the following colors: green, blue, green.
autoheight-regions-in-fixed-sized-flexbox-001 reference/autoheight-regions-in-fixed-sized-flexbox-001-ref CSS Regions: Auto-height regions inside fixed sized flexbox ahem http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution,http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow a5838be97d917d20036c1bfe63b1da770d6a8eb7 `Catalin Badea` Test checks that auto-height regions respect the flex grow property when placed inside a fixed sized flexbox with a single row.
autoheight-regions-in-fixed-sized-flexbox-002 reference/autoheight-regions-in-fixed-sized-flexbox-002-ref CSS Regions: Auto-height regions inside fixed sized flexbox with column flow ahem http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution,http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 7b07c590d0b253ac8d557aa53b1acfbadf1b1d83 `Catalin Badea` Test checks that auto-height regions placed inside a fixed sized flexbox with column flow have the correct computed height. There are two regions placed inside the same flex container having the same 'grow' value. The space should be distributed evenly between the two.
autoheight-regions-in-fixed-sized-flexbox-003 reference/autoheight-regions-in-fixed-sized-flexbox-003-ref CSS Regions: Auto-height regions inside a fixed sized flexbox with column wrap flow ahem http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution,http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 54fb8e57ddfcb9cdd4b8918ae7abc063505ca434 `Catalin Badea` Test checks the layout of auto-height regions placed inside a flexbox with a fixed size and column wrap flow. The flex container should have two columns with three regions each.
autoheight-regions-in-fixed-sized-flexbox-004 reference/autoheight-regions-in-fixed-sized-flexbox-004-ref CSS Regions: Auto-height region in fixed sized flexbox using flex basis ahem http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution,http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm 673144fd5a9a9787f17576f89554e70cf10d5d74 `Catalin Badea` Test checks the layout of regions placed inside a fixed sized flexbox using flex basis and column flow. The flex container should force the first region to break by constraining its height.
autoheight-regions-in-fixed-sized-flexbox-005 reference/autoheight-regions-in-fixed-sized-flexbox-005-ref CSS Regions: Auto-height regions in fixed sized flexboxes with align-items and justify-content http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm 521595ef4fcf87065ea6d27a3369d6318933dcb7 `Catalin Badea` Test checks auto-height regions' layout when placed inside a flexbox with using align-items and justify-content properties. The flowed content should be fragmented between the three regions and the flex container should distribute the remaining horizontal space evenly around the regions.
autoheight-regions-in-fixed-sized-flexbox-006 reference/autoheight-regions-in-fixed-sized-flexbox-006-ref CSS Regions: auto-height regions inside a flex container with fixed size http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution,http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap dc449db0ddf6d155ff8d56e1bd446e3dbb6d1062 `Catalin Badea` Test that the flex container stretches a region flex item with a height smaller than the flex container's inner cross size.
autoheight-regions-in-fixed-sized-flexbox-007 reference/autoheight-regions-in-fixed-sized-flexbox-007-ref CSS Regions: auto-height regions inside fixed sized flexbox ahem http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution,http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm b75064d6dba2fdb2cce5aa33d34a026e27edc344 `Catalin Badea` Test that using the flex-basis property sizes the flex items to a percentage of the flex container's height when said items are auto-height regions. The last region, the outside the flex container should not be visible.
autoheight-regions-in-fixed-sized-flexbox-008 reference/autoheight-regions-in-fixed-sized-flexbox-008-ref CSS Regions: auto-height regions with max height in fixed sized flexbox ahem http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution,http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm ea64b7e570b77e26c14667899a6f07be7629a859 `Catalin Badea` Test that the max-height property is applied to regions placed inside a fixed sized flexbox with a column flow. The flex container should not flex the region flex items beyond their max height value.
column-flexbox-break reference/column-flexbox-break-ref CSS Regions: fragmenting a flex container with column flow ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-flexbox-1/#flex-containers,http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 447d07932ea88069d2350bf6201a4f4b8261ea21 `Catalin Badea` Test checks that a flex container with column flow is fragmented between regions.
css-box-justify-content reference/css-box-justify-content-ref flexbox |css-box-justify-content http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 98a8d01ded1c3cf0ccfa7a55ee7b7a2b5f3caa09 `xiaoxia`
css-flexbox-column reference/css-flexbox-column-ref flex direction: row http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow e358c1fc3e1f03e963508ca979d5c3ea56532d65 `Naoki Okada` Test checks that when writing mode is vertical and flex-flow: column, the flex container is vertical.
css-flexbox-column-reverse reference/css-flexbox-column-ref flex direction: row http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 67d2835860268b472d6fff962a6408f2924a0fbf `Naoki Okada` Test checks that when writing mode is vertical and flex-flow: column, the flex container is vertical.
css-flexbox-column-reverse-wrap reference/css-flexbox-column-ref flex direction: row http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 950f5d32f14a69707a50c119de4dbc95def22310 `Naoki Okada` Test checks that when writing mode is vertical and flex-flow: column wrap, the flex container is vertical.
css-flexbox-column-reverse-wrap-reverse reference/css-flexbox-column-ref flex direction: row http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 4124389b15cb84f439c4c0578c171484081ff973 `Naoki Okada` Test checks that when writing mode is vertical and flex-flow: column wrap-reverse, the flex container is vertical.
css-flexbox-column-wrap reference/css-flexbox-column-ref flex direction: row http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow dd812f6be787f630eaaa722f216fe1d8a98f5c20 `Naoki Okada` Test checks that when writing mode is vertical and flex-flow: column wrap, the flex container is vertical.
css-flexbox-column-wrap-reverse reference/css-flexbox-column-ref flex direction: row http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow d7831de1ebfb54010673179c815e0fd368b24f16 `Naoki Okada` Test checks that when writing mode is vertical and flex-flow: column wrap-reverse, the flex container is vertical.
css-flexbox-height-animation-stretch reference/css-flexbox-height-animation-stretch-ref Items stretch correctly while content is animating http://www.w3.org/TR/css-flexbox-1/#propdef-align-items c0ec675efc75f1316a44fd2ab919ba9001af8b79 `Micky Brunetti` Items should stretch vertically in all time
css-flexbox-img-expand-evenly reference/css-flexbox-img-expand-evenly-ref Image Expansion http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow a3d322e0c668c00cb991d7016ab1e7b025d493b2 `Eiji Kitamura` 3 rectangular images fill out border.
css-flexbox-row reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 2095a3cec191a88ee70b6fa4f9186cc94aba326b `Tsutomu ogaoga Ogasawara` Test checks that when writing mode is vertical and flex-flow: row, the flex container is vertical.
css-flexbox-row-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 0cc3d0f04358dfedc826c7185067510092468290 `Tsutomu ogaoga Ogasawara` Test checks that when writing mode is vertical and flex-flow: row-reverse, the flex container is vertical.
css-flexbox-row-reverse-wrap reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode af5da24a6d34f820f9208e2d02eecedc044a7859 `Tsutomu ogaoga Ogasawara` Test checks that when writing mode is vertical and flex-flow: row-reverse wrap, the flex container is vertical.
css-flexbox-row-reverse-wrap-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 01014629935eb4a0926836e06888db388ed75ff7 `Tsutomu ogaoga Ogasawara` Test checks that when writing mode is vertical and flex-flow: row-reverse wrap-reverse, the flex container is vertical.
css-flexbox-row-wrap reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 0ea199bc95c19bfdd73497a22bf49819b4b23d59 `Tsutomu ogaoga Ogasawara` Test checks that when writing mode is vertical and flex-flow: row wrap, the flex container is vertical.
css-flexbox-row-wrap-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode a317095a9cf1aa23dfdc9105c21f7567b4dde075 `Tsutomu ogaoga Ogasawara` Test checks that when writing mode is vertical and flex-flow: row wrap-reverse, the flex container is vertical.
css-flexbox-test1 reference/css-flexbox-test1-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow ec7b52168d5d6bd0ea658e5dfa74df6fa1932dd4 `Tsutomu ogaoga Ogasawara` Test checks that when writing mode is vertical and flex-flow: row, the flex container is vertical.
display-flex-001 reference/align-content-001-ref An element with the 'display' property set to 'flex' establishes a new block-level flex container http://www.w3.org/TR/css-flexbox-1/#flex-containers b28bb6c80284c5d838f0fd137133c592e214031d `Microsoft` This test checks that an element with 'display' property set to 'flex' establishes a new block-level flex container.
display_flex_exist display_flex dom,script http://www.w3.org/TR/css-flexbox-1/#flex-containers d3b1b0e42faf6629b7df76679260d7f6fdb89ca3 `Intel` Check if the web engine can indenfy the display value flex.
display_inline-flex_exist display_inline-flex dom,script http://www.w3.org/TR/css-flexbox-1/#flex-containers a67a06a83ddc9193dfca5327350167eb5bcfbbc8 `Intel` Check if the web engine can identify the display value inline-flex.
flex-001 reference/justify-content-001-ref The 'flex' shorthand adjusting the 'flex-grow' sub-property http://www.w3.org/TR/css-flexbox-1/#flex-property 032ae1ca52f3cff3a2a8ec508cb6b5f4630fb26b `Microsoft` This test checks that the flex grow factor determines the distribution of positive free space.
flex-002 reference/justify-content-001-ref The 'flex' shorthand adjusting the 'flex-shrink' sub-property http://www.w3.org/TR/css-flexbox-1/#flex-property 5eef65fc72a6f76892ec7c3e1502ace587d400e8 `Microsoft` This test checks that the flex shrink factor is multiplied by the flex base size when distributing negative space.
flex-003 reference/justify-content-001-ref Comparing two different elements using different values for the 'flex-grow' sub-property on the 'flex' shorthand http://www.w3.org/TR/css-flexbox-1/#flex-property aa083c3c37e6ccf91569adfb76e7fbfd26af5cf0 `Microsoft` This test checks that the flex items with a different flex grow factor have different flexibilities.
flex-004 reference/justify-content-001-ref Comparing two different elements using different values for the 'flex-shrink' sub-property on the 'flex' shorthand http://www.w3.org/TR/css-flexbox-1/#flex-property eacca20d92c3fd3ae90aa6531733d8112ea48f07 `Microsoft` This test checks that the flex items with a different flex shrink factor have different flexibilities.
flex-align-items-center reference/flex-align-items-center-ref CSS Flex-basis Test http://www.w3.org/TR/css-flexbox-1/#alignment b0c25464d925ac14a19de215685135c15a2b4540 `Chunsheng Zhang` flex items center
flex-aspect-ratio-img-column-001 reference/ref-filled-green-100px-square Aspect ratio handling of images https://drafts.csswg.org/css-flexbox-1/#hypothetical-main-size 00e43725bff6f6f1c142143360dd37151d2f7bfa `Google Inc.`
flex-aspect-ratio-img-column-002 reference/ref-filled-green-100px-square Aspect ratio handling of images https://drafts.csswg.org/css-flexbox-1/#algo-cross-item 8299bf12926c3a9c4bd4b65185c370eb1541b2bf `Google Inc.` Test that we compute the correct aspect-ratio based cross size when a height is specified
flex-aspect-ratio-img-column-003 reference/ref-filled-green-100px-square Aspect ratio handling of images https://drafts.csswg.org/css-flexbox-1/#algo-cross-item 9b82b9b627e49ef062c7c6f695968eda71e38f27 `Google Inc.` Test that we compute the correct aspect-ratio based cross size when a flex-basis is specified
flex-aspect-ratio-img-row-001 reference/ref-filled-green-100px-square Aspect ratio handling of images https://drafts.csswg.org/css-flexbox-1/#hypothetical-main-size b49f921a9733a1442524b04229043dd5a97aa101 `Google Inc.`
flex-aspect-ratio-img-row-002 reference/ref-filled-green-100px-square Aspect ratio handling of images https://drafts.csswg.org/css-flexbox-1/#algo-cross-item b39800fb8c361a193eaaa4e54ac6d70cb508197d `Google Inc.` Test that we compute the correct aspect-ratio based cross size when a width is specified
flex-aspect-ratio-img-row-003 reference/ref-filled-green-100px-square Aspect ratio handling of images https://drafts.csswg.org/css-flexbox-1/#algo-cross-item d7189842a434a66f6380badbfd14a96093abffe4 `Google Inc.` Test that we compute the correct aspect-ratio based cross size when a flex-basis is specified
flex-basis-001 reference/ref-filled-green-100px-square flex-basis - positive number http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis 3c5e3f9e4e7a18d1196473f4494a2d39d7cc2c65 `Intel`,`Intel` The 'flex-basis' property set positive number, the actual value of test element size is same as the positive number
flex-basis-002 reference/ref-filled-green-100px-square flex-basis - positive number http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis 86c47f10c67cb40e4b08c4aea9a94c9c840b0c61 `Intel`,`Intel` The 'flex-basis' property specified correct value, the actual value of test element size is same as to the value of 'flex-basis' property, and the 'width' property is invalid.
flex-basis-003 reference/ref-filled-green-100px-square flex-basis - negative number(width not specified) http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis ad186fe19f6ba121484dfafc6e3c723f4c91b8ea `Intel`,`Intel` The 'flex-basis' property set negative number, the tested element is not shown when width not set either.
flex-basis-004 reference/ref-filled-green-100px-square flex-basis - negative number(width specified) http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis 3d7ecdf13a743afb23075e2d534342fa6f0859a9 `Intel`,`Intel` The 'flex-basis' property set negative number, the actual width of tested element is same as the value of 'width' property specified.
flex-basis-005 reference/ref-filled-green-100px-square flex-basis - 0 http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis a23dfff28ee81427121544a2067df04ac0855e21 `Intel`,`Intel` The 'flex-basis' property set '0', the actual width of tested element is same as 0.
flex-basis-006 reference/ref-filled-green-100px-square flex-basis - 0% http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis a6e13cd7ad4ce2d9f18912f2cebc19fdce3f2c5d `Intel`,`Intel` The 'flex-basis' property set '0%', the actual width of tested element is same as 0.
flex-basis-007 reference/ref-filled-green-100px-square flex-basis - auto http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis 02d764455fdd3020ff3ed07d4699b9bf4d731b1d `Intel`,`Intel` The 'flex-basis' property set 'auto', the actual width of tested element same as the value which specified by width property.
flex-basis-008 reference/ref-filled-green-100px-square flex-basis - 50% http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis 3daf58fdfdd81661f96e21abe33659ccffd4e021 `Intel`,`Intel` The 'flex-basis' property set positive percentage, the actual width of tested element same as the percentage of flex container size.
flex-box-wrap reference/flex-box-wrap-ref flex-wrap: wrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap ba16e0ce6a4689d877a4284a57fbac1936064914 `Tsuyoshi Tokuda` the test passes if you see green box.
flex-container-margin reference/flex-container-margin-ref flex-container-margin-not-collapse-with-content-margin https://drafts.csswg.org/css-flexbox-1/#item-margins 5dd8264f765e903c8bd0ef01329e8085ba8eece6 `houzhenyu` The margins of adjacent flex items do not collapse.
flex-direction reference/flex-direction flex flow direction http://www.w3.org/TR/css-flexbox-1/#flex-direction b6d66deda60311140ce500883d0aa227cf715845 `houzhenyu` The flow of flex items in the the flex container should observe the flex-direction property.
flex-direction-column-reverse flex-direction: column-reverse swaps main start and end directions http://www.w3.org/TR/css-flexbox-1/#flex-direction 9d5fd17c3460baabfe4a2d7b360d140485c10d5d `Sylvain Galineau` This test checks that column-reverse flex-direction swaps the main start and main end directions
flex-direction-modify reference/flex-direction-modify flex flow direction http://www.w3.org/TR/css-flexbox-1/#flex-direction 76b26a3c0de9ba0e914dca0a20b57bb21af09225 `houzhenyu` Changing 'flex-direction' with JavaScript and then changing it back should returns to the original look.
flex-direction-row flex-direction:row axis matches that of writing mode inline axis http://www.w3.org/TR/css-flexbox-1/#flex-direction 802cd247ee06b59e135b29300d78a263d2537e76 `Sylvain Galineau` This test checks that the main axis of the row flex-direction has the same orientation as the inline axis of the current writing mode
flex-direction-row-reverse flow-direction:row-reverse swaps main start and end directions http://www.w3.org/TR/css-flexbox-1/#flex-direction c59a590dea7730a209a03e9c586318f6e9ee2476 `Sylvain Galineau` This test checks that row-reverse flex-direction swaps the main start and main end directions
flex-direction-row-vertical flex-direction:row has the same orientation as inline axis http://www.w3.org/TR/css-flexbox-1/#flex-direction 81b714b5a7f513ab073b8eddd54ee96b706cb21e `Sylvain Galineau` This test checks that the main axis of the row flex-direction has the same orientation as the inline axis of the current vertical writing mode
flex-direction-with-element-insert reference/flex-direction-with-element-insert flex flow direction http://www.w3.org/TR/css-flexbox-1/#flex-direction 0cba6df06c02153f2f797337f3ef00e6cc41a68a `houzhenyu` The flex items inserted by script shuould follow the right direction what the flex-direction property directives.
flex-direction_column flex-direction_column http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 7f33fa6c8e9ea0b8dcc0fce9496dfe38f5618075 `Intel` Check if the web engine can identify the flex-direction value column.
flex-direction_column-reverse flex-direction_column-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 55f6687b5bde10c153aecc6bc0dd22aa4ce6faa0 `Intel` Check if the web engine can identify the flex-direction value column-reverse.
flex-direction_row flex-direction_row http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 40deb85110b35e34e5baea6dd553dcfd5fc82693 `Intel` Check if the web engine can identify the flex-direction value row.
flex-direction_row-reverse flex-direction_row-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property b9acf4ed1ac103f4c0921774e32341cf812e5714 `Intel` Check if the web engine can identify the flex-direction value row-reverse.
flex-flexitem-childmargin reference/flex-flexitem-childmargin-ref flex item child margin http://www.w3.org/TR/css-flexbox-1/#flex-items 7bed5690a33f0e9e800a1f506550ae12b7cb74d8 `shaofeic` margin should effect the orange box and green box need to align to bottom.
flex-flexitem-percentage-prescation reference/flex-flexitem-percentage-prescation-ref flex item size prescation http://www.w3.org/TR/css-flexbox-1/#flex-items 4b26e701dc9999627fb726575cf7008808bcd3e1 `shaofeic` no blue color could be seen.
flex-flow-001 reference/flex-flow-001-ref flex-flow - row nowrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#flex-direction,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 2b6fb9a06aaa67cd288e4250a76bbc9aaea44a14 `Intel`,`Shiyou Tan` The 'flex-flow' property set 'row nowrap' controls the flex container is single-line
flex-flow-002 reference/flex-flow-002-ref flex-flow - row wrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#flex-direction,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 20995419ed10209f06aac780744ad9080e6cc280 `Intel`,`Shiyou Tan` The 'flex-flow' property set 'row wrap' controls the flex container is multi-line
flex-flow-003 reference/flex-flow-002-ref flex-flow - row wrap-reverse http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#flex-direction,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 28dc1f2443f81ac364e9fa6fc3975eee67e90248 `Intel`,`Shiyou Tan` The 'flex-flow' property set 'row wrap-reverse' controls the flex container is multi-line but the cross-start and cross-end directions are swapped
flex-flow-004 reference/flex-flow-001-ref flex-flow - row-reverse nowrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#flex-direction,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 841563df07fa312a8513b87fd21ea186d155ab15 `Intel`,`Shiyou Tan` The 'flex-flow' property set 'row-reverse nowrap' controls the flex container is single-line, but the main-start and main-end directions are swapped
flex-flow-005 reference/flex-flow-002-ref flex-flow - row-reverse wrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#flex-direction,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 4d62ca810bd141c8f8568a8b87f4abca72e91b64 `Intel`,`Shiyou Tan` The 'flex-flow' property set 'row-reverse wrap' controls the flex container is multi-line but the main-start and main-end directions are swapped
flex-flow-006 reference/flex-flow-002-ref flex-flow - row-reverse wrap-reverse http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#flex-direction,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 18901fea023e63a3d2c392ee1228bdb2c7450eba `Intel`,`Shiyou Tan` The 'flex-flow' property set 'row-reverse wrap-reverse' controls the flex container is multi-line but the main-start and main-end, cross-start and cross-end directions are all swapped
flex-flow-007 reference/flex-flow-007-ref flex-flow - column nowrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#flex-direction,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 210de5669935d7d2eb233816c35d961fdbeb312d `Intel`,`Shiyou Tan` The 'flex-flow' property set 'column nowrap' controls the flex container is single-line, but the main axis is vertical
flex-flow-008 reference/flex-flow-002-ref flex-flow - column wrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#flex-direction,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 4f72f2b5ce9e3a564b4ca21b82abf55c0393b53d `Intel`,`Shiyou Tan` The 'flex-flow' property set 'column wrap' controls the flex container is multi-line but the main axis is vertical
flex-flow-009 reference/flex-flow-002-ref flex-flow - column wrap-reverse http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#flex-direction,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap efa73e03b1777605042c8f7ac0fcf0f91dcaf104 `Intel`,`Shiyou Tan` The 'flex-flow' property set 'column wrap-reverse' controls the flex container is multi-line but the main axis is vertical, the cross-start and cross-end directions are swapped
flex-flow-010 reference/flex-flow-007-ref flex-flow - column-reverse nowrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#flex-direction,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 5ce59dfa07c69d38283f958cb84fec271fce21cb `Intel`,`Shiyou Tan` The 'flex-flow' property set 'column-reverse nowrap' controls the flex container is single-line, but the main axis is vertical, the main-start and main-end directions are swapped
flex-flow-011 reference/flex-flow-002-ref flex-flow - column-reverse wrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#flex-direction,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 2df8167172baff0b9d747917475f28c10145c5e8 `Intel`,`Shiyou Tan` The 'flex-flow' property set 'column-reverse wrap' controls the flex container is multi-line but the main axis is vertical, the main-start and main-end directions are swapped
flex-flow-012 reference/flex-flow-002-ref flex-flow - column-reverse wrap-reverse http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#flex-direction,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap bee56e0f042416cfb033fbe30ab336569cb5551f `Intel`,`Shiyou Tan` The 'flex-flow' property set 'column-reverse wrap-reverse' controls the flex container is multi-line but the main axis is vertical, the 'cross-start/cross-end' and 'main-start/main-end' directions are all swapped
flex-grow-001 reference/flex-grow-001-ref Flex-grow Property of Block-level Flex Items http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 2ca54717986f10fb3ccc0d2d297e12a90224f361 `Hanrui Gao` 'flex-grow' property specifies the flex grow factor, which determines how much the flex item will grow relative to the rest of the flex items in the flex container when positive free space is distributed.
flex-grow-002 reference/ref-filled-green-100px-square flex-grow - 0(initial value) http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow d310ed55b1dbc33ad0980e9dbe212f514c5604ee `Intel`,`Shiyou Tan` The 'flex-grow' property initial value is '0', the flex item will keep the width when 'flex-grow' set '0'
flex-grow-003 reference/ref-filled-green-100px-square flex-grow - negative number http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 4d6302e03c8d6d92046c42ad93db3c64db9d7ff3 `Intel`,`Shiyou Tan` The 'flex-grow' property set negative number, the flex item will not grow.
flex-grow-004 reference/ref-filled-green-100px-square flex-grow - (invalid when no space distributed) http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 8e5211f94c12ebe0f7e248721b724d32dda4ce1e `Intel`,`Shiyou Tan` The 'flex-grow' property is invalid when the flex container has no space distributed.
flex-grow-005 reference/ref-filled-green-100px-square flex-grow - (invalid when applied to flex container) http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 5786ab49011d6f7284919bd24df40f082c55e64d `Intel`,`Shiyou Tan` The 'flex-grow' property is invalid when the property applied to flex container.
flex-grow-006 reference/ref-filled-green-100px-square flex-grow - positive number(fill all space) http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 5f15130755af0db6eff01678bb2336809a67601b `Intel`,`Shiyou Tan` Test checks that all space of flex container will be filled when there is only one flex item and 'flex-grow' set any positive number.
flex-items-flexibility reference/flex-items-flexibility CSS Flex-basis Test http://www.w3.org/TR/css-flexbox-1/#flexibility ae727206300ecb1f3e5b155a9288be0be61f52b2 `Chunsheng Zhang` flex items flexibility
flex-margin-no-collapse reference/flex-margin-no-collapse-ref flex item margins http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction,http://www.w3.org/TR/css-flexbox-1/#item-margins 96231d68de1fe051b06e793d659a813a53a91ed9 `Ping Huang` The vertical gap between two green boxs should be 100px.
flex-minimum-height-flex-items-001 reference/ref-filled-green-100px-square Minimum height of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto f895c2907ea97510c9bda238e3cb254560992e74 `Manuel Rego Casasnovas` Checks that minimum height for flex items is the min-content size.
flex-minimum-height-flex-items-002 reference/ref-filled-green-100px-square Minimum height of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto e7bfb430a2b269d513ca83a606ed8896cc9f3cbe `Manuel Rego Casasnovas` Checks that minimum height for flex items is the specified size if it's smaller than the min-content size.
flex-minimum-height-flex-items-003 reference/ref-filled-green-100px-square Minimum height of flex items ahem http://www.w3.org/TR/css-flexbox-1/#min-size-auto 34f40959e7855b181dacaa5e4337101584b6584a `Manuel Rego Casasnovas` Checks that minimum height for flex items is the min-content size if it's smaller than the specified size.
flex-minimum-height-flex-items-004 reference/ref-filled-green-100px-square Minimum height of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto 3024554ced628148beaa2f00e8548fc024c4efe4 `Manuel Rego Casasnovas` Checks that minimum height for flex items is the min-content size (which corresponds to the image size).
flex-minimum-height-flex-items-005 reference/ref-filled-green-100px-square Minimum height of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto 2988aa51e6c99d3425eb48dc4e9b52a0853646ff `Manuel Rego Casasnovas` Checks that minimum height for flex items is the specified size, as the min-content size of the image corresponds to that.
flex-minimum-height-flex-items-006 reference/ref-filled-green-100px-square Minimum height of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto 6e81c0b3101624f8934ad0bcba83bbb00578ec54 `Manuel Rego Casasnovas` Checks that minimum height for flex items is the specified size, as the min-content size of the image corresponds to that.
flex-minimum-height-flex-items-007 reference/ref-filled-green-100px-square Minimum height of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto 630f6230313482686e30106445e41bef8dd8a966 `Manuel Rego Casasnovas` Checks that minimum height for flex items is the transferred size, as the min-content size of the image corresponds to that.
flex-minimum-height-flex-items-008 reference/ref-filled-green-100px-square Minimum height of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto 83530abaf9425f3634ce0fb07fa4af25e8aeff5f `Manuel Rego Casasnovas` Checks that minimum height for flex items is the transferred size, as the min-content size of the image corresponds to that.
flex-minimum-width-flex-items-001 reference/ref-filled-green-100px-square Minimum width of flex items ahem http://www.w3.org/TR/css-flexbox-1/#min-size-auto 586c907f4754de786cb10d0e05cdf4402e96816a `Manuel Rego Casasnovas` Checks that minimum width for flex items is the min-content size.
flex-minimum-width-flex-items-002 reference/ref-filled-green-100px-square Minimum width of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto 7d07bd73b5c169ab7f0b995ff98da207f1ae9b37 `Manuel Rego Casasnovas` Checks that minimum width for flex items is the specified size if it's smaller than the min-content size.
flex-minimum-width-flex-items-003 reference/ref-filled-green-100px-square Minimum width of flex items ahem http://www.w3.org/TR/css-flexbox-1/#min-size-auto c4fbdf201aa741142a490c654bfd7098916a9769 `Manuel Rego Casasnovas` Checks that minimum width for flex items is the min-content size if it's smaller than the specified size.
flex-minimum-width-flex-items-004 reference/ref-filled-green-100px-square Minimum width of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto d3ada50da1f18af7821e6e62dc8f4351658e69c0 `Manuel Rego Casasnovas` Checks that minimum width for flex items is the min-content size (which corresponds to the image size).
flex-minimum-width-flex-items-005 reference/ref-filled-green-100px-square Minimum width of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto dc01581c245bb22afc1933900563dcdb6a287d13 `Manuel Rego Casasnovas` Checks that minimum width for flex items is the specified size, as the min-content size of the image corresponds to that.
flex-minimum-width-flex-items-006 reference/ref-filled-green-100px-square Minimum width of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto 0ac2d45e03442e2a95021f576381a0dee17ffdd7 `Manuel Rego Casasnovas` Checks that minimum width for flex items is the specified size, as the min-content size of the image corresponds to that.
flex-minimum-width-flex-items-007 reference/ref-filled-green-100px-square Minimum width of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto e6534fb80a1d6b89c6d94d3200a89d6e2ecad932 `Manuel Rego Casasnovas` Checks that minimum width for flex items is the transferred size, as the min-content size of the image corresponds to that.
flex-minimum-width-flex-items-008 reference/ref-filled-green-100px-square Minimum width of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto 898af6635da79f266c65974eebd1fb0bfddb3d72 `Manuel Rego Casasnovas` Checks that minimum width for flex items is the transferred size, as the min-content size of the image corresponds to that.
flex-order reference/flex-order-ref flex order http://www.w3.org/TR/css-flexbox-1/#order-property 9e6a2aa1915fdf7450eba77f1d5499884b800ea6 `Mitsuteru Sawa` ordered flex items should ordered properly
flex-shrink-001 reference/ref-filled-green-100px-square flex-shrink - number(positive) http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink f27d600fc7863c3d4c3fc3b4e4bc8cc7f58cdbae `Intel`,`Shiyou Tan` The flex-shrink property set positive number determines how much the flex item will shrink relative to the rest of the flex items in the flex container when negative free space is distributed
flex-shrink-002 reference/ref-filled-green-100px-square flex-shrink - number(negative) http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink 49884ece59d09eb5cd9a4d9228d62478cdaf3179 `Intel`,`Shiyou Tan` The flex-shrink property set negative is invalid to shrink flex items when negative free space is distributed
flex-shrink-003 reference/ref-filled-green-100px-square flex-shrink - 1(initial value) http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink 818d6673cf983ffed848bf72d5935cff3fe6bfa1 `Intel`,`Shiyou Tan` The flex-shrink property initial value is 1
flex-shrink-004 reference/ref-filled-green-100px-square flex-shrink - number(flex container has enough space) http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink 5d2e7839f495f199f57b1c0cc0e09044520297b0 `Intel`,`Shiyou Tan` The flex-shrink property is invalid when flex container has enough space to load flex items
flex-shrink-005 reference/ref-filled-green-100px-square flex-shrink - 0 http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink 66bb12e5559ff4386401017fb427288bfc1f5e78 `Intel`,`Shiyou Tan` The flex-shrink property set 0 will ignore the flex container
flex-shrink-006 reference/ref-filled-green-100px-square flex-shrink - 0(one of flex-shrinks sets 0, another not) http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink c23e625054a996ab5cb7d1d266fa20c1373fb428 `Intel`,`Shiyou Tan` The flex item whose flex-shrink property of set 0 will displayed on the top of all flex items
flex-shrink-007 reference/ref-filled-green-100px-square flex-shrink - applied to flex container http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink 9a2164f7f24794bbaad241af2643c60162c045b2 `Intel`,`Shiyou Tan` The flex-shrink property applied to flex container is invalid, all flex items will use the default value 1
flex-vertical-align-effect reference/flex-vertical-align-effect 'display' property set to 'flex' http://www.w3.org/TR/css-flexbox-1/#flex-property eac71db3e7e1dd242d560f86d2695a90cfeb930d `Hua Zhao` vertical-align property has no effect
flex-wrap-001 A flex container with 'flex-flow' set to 'wrap' http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap c5cacdf99fd5cf6be2fd750358b6379f871a38e5 `Microsoft` This test checks that the flex container with 'flex-flow: wrap' is a multi-line flex container.
flex-wrap_nowrap flex-wrap_nowrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 5ec5f8c4dafa27fffef9428e2ff71abce8435ca9 `Intel` Check if the web engine can identify the flex-wrap value nowrap.
flex-wrap_wrap flex-wrap_wrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 818c98e2535af512ae6d24cd6b87216258f679d2 `Intel` Check if the display can recognize inline-flex value.
flex-wrap_wrap-reverse flex-wrap_wrap-reverse http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 5e9b027925dfa2db5208aac448106b46a4ef019b `Intel` Check if the web engine can identify the flex-wrap value wrap-reverse.
flexbox-abspos-child-001a reference/flexbox-abspos-child-001-ref Testing that "min-width", "max-width", "min-height", and "max-height" are applied on absolutely positioned children of a horizontal flex container http://www.w3.org/TR/css-flexbox-1/#abspos-items 26d0f34eed0c45d01d0264cc9b9c4f84a8805643 `Daniel Holbert`
flexbox-abspos-child-001b reference/flexbox-abspos-child-001-ref Testing that "min-width", "max-width", "min-height", and "max-height" are applied on absolutely positioned children of a vertical flex container http://www.w3.org/TR/css-flexbox-1/#abspos-items 5a02c14579eb4f61bb921a2422bf239453542e91 `Daniel Holbert`
flexbox-align-content-horiz-001a reference/flexbox-align-content-horiz-001-ref Testing 'align-content' in a horizontal flex container http://www.w3.org/TR/css-flexbox-1/#align-content-property d5aea3f04c277853b017ccee282f2d42b783b8a6 `Daniel Holbert`
flexbox-align-content-horiz-001b reference/flexbox-align-content-horiz-001-ref Testing 'align-content' in a horizontal flex container http://www.w3.org/TR/css-flexbox-1/#align-content-property 233a386f12e893ba541c6c8f7b2572f88f7cb051 `Daniel Holbert`
flexbox-align-content-vert-001a reference/flexbox-align-content-vert-001-ref Testing 'align-content' in a vertical flex container http://www.w3.org/TR/css-flexbox-1/#align-content-property 6238298391aac9bd8b28a7065407eb63a01b8df7 `Daniel Holbert`
flexbox-align-content-vert-001b reference/flexbox-align-content-vert-001-ref Testing 'align-content' in a vertical flex container http://www.w3.org/TR/css-flexbox-1/#align-content-property 5c85769810fcdc23817a4ba0c96fc19fc5b18fe4 `Daniel Holbert`
flexbox-align-self-baseline-horiz-001a reference/flexbox-align-self-baseline-horiz-001-ref Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self' http://www.w3.org/TR/css-flexbox-1/#baseline-participation 54adf30cf492ee4a11011c75d5e9dcadca0357cc `Daniel Holbert`
flexbox-align-self-baseline-horiz-001b reference/flexbox-align-self-baseline-horiz-001-ref Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self' in a wrap-reverse flex container http://www.w3.org/TR/css-flexbox-1/#baseline-participation 5609c5630809e849d8d238eafff81cddc6aed932 `Daniel Holbert`
flexbox-align-self-baseline-horiz-002 reference/flexbox-align-self-baseline-horiz-002-ref Baseline alignment of flex items in fixed-size single-line flex container http://www.w3.org/TR/css-flexbox-1/#baseline-participation 8b040717c0aa1788f98a5ed0095399b1f8ac64fc `Daniel Holbert`
flexbox-align-self-baseline-horiz-003 reference/flexbox-align-self-baseline-horiz-003-ref Baseline alignment of flex items in fixed-size single-line flex container, with cross axis reversed http://www.w3.org/TR/css-flexbox-1/#baseline-participation 218fc9c38f93ce1e661f9d95e2cacccf8f9dfa7b `Daniel Holbert`
flexbox-align-self-baseline-horiz-004 reference/flexbox-align-self-baseline-horiz-004-ref Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self' in a multi-line flex container http://www.w3.org/TR/css-flexbox-1/#baseline-participation e0299d04b12aad85d3d0a583c3b0d27e7b9f990a `Daniel Holbert`
flexbox-align-self-baseline-horiz-005 reference/flexbox-align-self-baseline-horiz-005-ref Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self' in a multi-line flex container http://www.w3.org/TR/css-flexbox-1/#baseline-participation 87aa705213832e513475800e2a74f844e80a0da2 `Daniel Holbert`
flexbox-align-self-baseline-horiz-006 reference/flexbox-align-self-baseline-horiz-006-ref Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self' against non-parallel writing-modes. http://www.w3.org/TR/css-flexbox-1/#baseline-participation 28ca13d3960038effa6689b4ef5121c2b2f115c2 `Brad Werth`
flexbox-align-self-baseline-horiz-007 reference/flexbox-align-self-baseline-horiz-007-ref Baseline alignment of block flex items with 'baseline' and 'last-baseline' values for 'align-self' against each other. http://www.w3.org/TR/css-flexbox-1/#baseline-participation 1e03904c87d3a33eba55c98367c8b9c69197cd07 `Brad Werth`
flexbox-align-self-horiz-001-block reference/flexbox-align-self-horiz-001-ref Testing the behavior of 'align-self' property values on flex items that are blocks, in a horizontal flex container http://www.w3.org/TR/css-flexbox-1/#align-items-property 9ba8782db7882c020858550665000d7a9b93826f `Daniel Holbert`
flexbox-align-self-horiz-001-table reference/flexbox-align-self-horiz-001-ref Testing the various 'align-self' property values on flex items that are tables http://www.w3.org/TR/css-flexbox-1/#align-items-property 974a216e5d30bbeddbad266125ceccb2d0d33dae `Daniel Holbert`
flexbox-align-self-horiz-002 reference/flexbox-align-self-horiz-002-ref Testing the behavior of 'align-self' with a horizontal flex container, with margin/padding/border on the items http://www.w3.org/TR/css-flexbox-1/#align-items-property 8ab4c5c5d3600422c2560908ea8c809511fd8456 `Daniel Holbert`
flexbox-align-self-horiz-003 reference/flexbox-align-self-horiz-003-ref Testing the behavior of 'align-self' with a horizontal flex container that's shorter than its items http://www.w3.org/TR/css-flexbox-1/#align-items-property 93f5ee5346f64dfaf676ad9c9830d8821a984bec `Daniel Holbert`
flexbox-align-self-horiz-004 reference/flexbox-align-self-horiz-004-ref Testing the behavior of 'align-self' with a horizontal flex container that's shorter than its items, with margin/padding/border on the items http://www.w3.org/TR/css-flexbox-1/#align-items-property 10a87f5352d8eb2c448129d27aa505f3148d4534 `Daniel Holbert`
flexbox-align-self-horiz-005 reference/flexbox-align-self-horiz-005-ref Testing the behavior of 'align-self' with auto margins in play, in a horizontal flex container http://www.w3.org/TR/css-flexbox-1/#auto-margins 47ddfa8eb08586be92297f63fb61d0b9e8899e29 `Daniel Holbert`
flexbox-align-self-stretch-vert-001 reference/flexbox-align-self-stretch-vert-001-ref Testing the sizing of a stretched horizontal flex container in a vertical flex container http://www.w3.org/TR/css-flexbox-1/#layout-algorithm 6c777130631b607e0e1106a0bd655645cfb049e3 `Daniel Holbert` If a stretched flex item's main size is influenced by its cross size, and the flex container has a definite cross size, then the item's cross size should be resolved early so that it can be used when determining the item's main size https://drafts.csswg.org/css-flexbox/issues-cr-2012#issue-23
flexbox-align-self-stretch-vert-002 reference/flexbox-align-self-stretch-vert-002-ref Testing the sizing of stretched flex items in a vertical multi-line flex container http://www.w3.org/TR/css-flexbox-1/#layout-algorithm 840566b89d122841be2e884ea8221ac398d42806 `Daniel Holbert` In a multi-line flex container, flex items should not be stretched (in the cross axis) until after wrapping has been performed.
flexbox-align-self-vert-001 reference/flexbox-align-self-vert-001-ref Testing the behavior of 'align-self' property values on flex items that are blocks, in a vertical flex container http://www.w3.org/TR/css-flexbox-1/#align-items-property 6a2d203be69a6b72f6897aebf078bf7981145a08 `Daniel Holbert`
flexbox-align-self-vert-002 reference/flexbox-align-self-vert-002-ref Testing the behavior of 'align-self' with a vertical flex container, with margin/padding/border on the items http://www.w3.org/TR/css-flexbox-1/#align-items-property e4ec24ac64ed22adb3900510ba0aee2079ed087e `Daniel Holbert`
flexbox-align-self-vert-003 reference/flexbox-align-self-vert-003-ref Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items http://www.w3.org/TR/css-flexbox-1/#align-items-property e1068a4a199f105864fbbe609c885c8989f73bff `Daniel Holbert`
flexbox-align-self-vert-004 reference/flexbox-align-self-vert-004-ref Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items, with margin/padding/border on the items http://www.w3.org/TR/css-flexbox-1/#align-items-property bbeaab1c6c159de1a6df40c73b78ed8ca049dde6 `Daniel Holbert`
flexbox-align-self-vert-rtl-001 reference/flexbox-align-self-vert-rtl-001-ref Testing the behavior of 'align-self' property values on flex items that are blocks, in a vertical flex container with 'direction: rtl' http://www.w3.org/TR/css-flexbox-1/#align-items-property 7adb76d065c952807832b3a41da3bed43eba7b3d `Daniel Holbert`
flexbox-align-self-vert-rtl-002 reference/flexbox-align-self-vert-rtl-002-ref Testing the behavior of 'align-self' with a vertical flex container, with margin/padding/border on the items and with 'direction: rtl' http://www.w3.org/TR/css-flexbox-1/#align-items-property efb57e456adb51958e2fe0f94616d6a0c81e0a83 `Daniel Holbert`
flexbox-align-self-vert-rtl-003 reference/flexbox-align-self-vert-rtl-003-ref Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items and with 'direction: rtl' http://www.w3.org/TR/css-flexbox-1/#align-items-property 31a2a8ea620c80f95c34ac55b33538ae675a59d6 `Daniel Holbert`
flexbox-align-self-vert-rtl-004 reference/flexbox-align-self-vert-rtl-004-ref Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items, with margin/padding/border on the items and with 'direction: rtl' http://www.w3.org/TR/css-flexbox-1/#align-items-property 3d3ab6a958cf8699ca899e4502dccde60bb4101d `Daniel Holbert`
flexbox-anonymous-items-001 reference/flexbox-anonymous-items-001-ref Testing that we gracefully handle cases where two anonymous flex items become adjacent due to "order" reordering http://www.w3.org/TR/css-flexbox-1/#flex-items 52184e10e8769e13e8e22317cfc27568b6be5bf3 `Daniel Holbert`
flexbox-baseline-align-self-baseline-horiz-001 reference/flexbox-baseline-align-self-baseline-horiz-001-ref Testing the baseline of a horizontal flex container with baseline-aligned flex items http://www.w3.org/TR/css-flexbox-1/#flex-baselines b1ec3f485c09884b34a4428cd9e2c61ba0d6d566 `Daniel Holbert`
flexbox-baseline-align-self-baseline-vert-001 reference/flexbox-baseline-align-self-baseline-vert-001-ref Testing the baseline of a vertical flex container with baseline-aligned flex items http://www.w3.org/TR/css-flexbox-1/#flex-baselines 0c08d77d4fdeeb6376fde7274059d9eb0b774b85 `Daniel Holbert`
flexbox-baseline-empty-001a reference/flexbox-baseline-empty-001-ref Testing the baseline of an empty horizontal flex container http://www.w3.org/TR/css-flexbox-1/#flex-baselines 064a99603cccc954d4ea803fbe94c9726104444b `Daniel Holbert`
flexbox-baseline-empty-001b reference/flexbox-baseline-empty-001-ref Testing the baseline of an empty vertical flex container http://www.w3.org/TR/css-flexbox-1/#flex-baselines 15f124799e1debe81e0ae2ca8a2c927b92574b72 `Daniel Holbert`
flexbox-baseline-multi-item-horiz-001 reference/flexbox-baseline-multi-item-horiz-001-ref Testing the baseline of a horizontal flex container whose flex items are not baseline-aligned http://www.w3.org/TR/css-flexbox-1/#flex-baselines a283f1e214227518363634bca2679006df8923f8 `Daniel Holbert`
flexbox-baseline-multi-item-vert-001 reference/flexbox-baseline-multi-item-vert-001-ref Testing the baseline of a vertical flex container whose flex items are not baseline-aligned http://www.w3.org/TR/css-flexbox-1/#flex-baselines 8cab7e76d6ecf1d954444cf2947f7b7f5b4bd139 `Daniel Holbert`
flexbox-baseline-multi-line-horiz-001 reference/flexbox-baseline-multi-line-horiz-001-ref Testing the baseline of a horizontal flex container with multiple flex lines http://www.w3.org/TR/css-flexbox-1/#flex-baselines 5b40cbd240a4fe9a6b527bfe21d87ab531d22c25 `Daniel Holbert`
flexbox-baseline-multi-line-horiz-002 reference/flexbox-baseline-multi-line-horiz-002-ref Testing the baseline of a horizontal flex container with multiple flex lines http://www.w3.org/TR/css-flexbox-1/#flex-baselines a2b8257dcb1e7295ca3ec970786e99f059ea5c5c `Daniel Holbert`
flexbox-baseline-multi-line-horiz-003 reference/flexbox-baseline-multi-line-horiz-003-ref Testing the baseline of a horizontal multi-line (wrap) flex container with baseline-aligned items on first line http://www.w3.org/TR/css-flexbox-1/#flex-baselines 871c3ce6edc7ffa644ebb0ce2600e8eae260f629 `Daniel Holbert`
flexbox-baseline-multi-line-horiz-004 reference/flexbox-baseline-multi-line-horiz-004-ref Testing the baseline of a horizontal multi-line (wrap-reverse) flex container with baseline-aligned items on first line http://www.w3.org/TR/css-flexbox-1/#flex-baselines 3ac46dde16f6bd3200879bc8fa7c657ce5bfc094 `Daniel Holbert`
flexbox-baseline-multi-line-vert-001 reference/flexbox-baseline-multi-line-vert-001-ref Testing the baseline of a vertical flex container with multiple flex lines http://www.w3.org/TR/css-flexbox-1/#flex-baselines f78a8e482f175d284d6e6f229eb73aadd93b160c `Daniel Holbert`
flexbox-baseline-multi-line-vert-002 reference/flexbox-baseline-multi-line-vert-002-ref Testing the baseline of a vertical flex container with multiple flex lines http://www.w3.org/TR/css-flexbox-1/#flex-baselines 86134be0477c7abc57dbd95b223a49661460c225 `Daniel Holbert`
flexbox-baseline-single-item-001a reference/flexbox-baseline-single-item-001-ref Testing the baseline of a horizontal flex container with one flex item http://www.w3.org/TR/css-flexbox-1/#flex-baselines e54bbca42924dc954da8bc4c7540af1d976c1931 `Daniel Holbert`
flexbox-baseline-single-item-001b reference/flexbox-baseline-single-item-001-ref Testing the baseline of a vertical flex container with one flex item http://www.w3.org/TR/css-flexbox-1/#flex-baselines 75c7ced9a8dc63622b56376f0c40cc0eed41445d `Daniel Holbert`
flexbox-basic-block-horiz-001 reference/flexbox-basic-block-horiz-001-ref Testing flexbox layout algorithm property on block flex items in a horizontal flex container http://www.w3.org/TR/css-flexbox-1/#layout-algorithm b734e5c504d50dd58b448d99a977a0816a2bc4a7 `Daniel Holbert`
flexbox-basic-block-vert-001 reference/flexbox-basic-block-vert-001-ref Testing flexbox layout algorithm property on block flex items in a vertical flex container http://www.w3.org/TR/css-flexbox-1/#layout-algorithm 56d4d7b765cbfa53e5b903999ffebccc8497f960 `Daniel Holbert`
flexbox-basic-canvas-horiz-001 reference/flexbox-basic-canvas-horiz-001-ref Testing flexbox layout algorithm property on canvas flex items in a horizontal flex container http://www.w3.org/TR/css-flexbox-1/#layout-algorithm 4b4ec70409a9c3bc289653f2b0267780dc6d389d `Daniel Holbert`
flexbox-basic-canvas-vert-001 reference/flexbox-basic-canvas-vert-001-ref Testing flexbox layout algorithm property on canvas flex items in a vertical flex container http://www.w3.org/TR/css-flexbox-1/#layout-algorithm c898a37e757a542bbe69c014318c5fdfd3a3f0ca `Daniel Holbert`
flexbox-basic-fieldset-horiz-001 reference/flexbox-basic-fieldset-horiz-001-ref Testing flexbox layout algorithm property on fieldset flex items in a horizontal flex container http://www.w3.org/TR/css-flexbox-1/#layout-algorithm dfda3faf4b53bbf5bbdb9a7663a10edab1fcd47c `Daniel Holbert`
flexbox-basic-fieldset-vert-001 reference/flexbox-basic-fieldset-vert-001-ref Testing flexbox layout algorithm property on fieldset flex items in a vertical flex container http://www.w3.org/TR/css-flexbox-1/#layout-algorithm 7368c1777a6ac0db1368e3eebecfd9d1268de57d `Daniel Holbert`
flexbox-basic-iframe-horiz-001 reference/flexbox-basic-iframe-horiz-001-ref Testing flexbox layout algorithm property on iframe flex items in a horizontal flex container http://www.w3.org/TR/css-flexbox-1/#layout-algorithm bc37f1da5d1b11f8b96a5b13fd8a9800fe678732 `Daniel Holbert`
flexbox-basic-iframe-vert-001 reference/flexbox-basic-iframe-vert-001-ref Testing flexbox layout algorithm property on iframe flex items in a vertical flex container http://www.w3.org/TR/css-flexbox-1/#layout-algorithm a0f1958a683f150246fe4b8d943ed99faa92f506 `Daniel Holbert`
flexbox-basic-img-horiz-001 reference/flexbox-basic-img-horiz-001-ref Testing flexbox layout algorithm property on img flex items in a horizontal flex container http://www.w3.org/TR/css-flexbox-1/#layout-algorithm f458bf0b4de3a16ec2691ca5dd7e81a267c123aa `Daniel Holbert`
flexbox-basic-img-vert-001 reference/flexbox-basic-img-vert-001-ref Testing flexbox layout algorithm property on img flex items in a vertical flex container http://www.w3.org/TR/css-flexbox-1/#layout-algorithm 125a32aa462d4727c81109b4e3e15120bbaedba6 `Daniel Holbert`
flexbox-basic-textarea-horiz-001 reference/flexbox-basic-textarea-horiz-001-ref Testing flexbox layout algorithm property on textarea flex items in a horizontal flex container http://www.w3.org/TR/css-flexbox-1/#layout-algorithm c68a52997168de56c78c8f4d9c5bffa94814a41d `Daniel Holbert`
flexbox-basic-textarea-vert-001 reference/flexbox-basic-textarea-vert-001-ref Testing flexbox layout algorithm property on textarea flex items in a vertical flex container http://www.w3.org/TR/css-flexbox-1/#layout-algorithm 5cc3168e6c0a2df12f14e9167eb748460cc49e93 `Daniel Holbert`
flexbox-basic-video-horiz-001 reference/flexbox-basic-video-horiz-001-ref Testing flexbox layout algorithm property on video flex items in a horizontal flex container http://www.w3.org/TR/css-flexbox-1/#layout-algorithm 8b3ab455f84b2a833309454ea85bdabfb816f2d8 `Daniel Holbert`
flexbox-basic-video-vert-001 reference/flexbox-basic-video-vert-001-ref Testing flexbox layout algorithm property on video flex items in a vertical flex container http://www.w3.org/TR/css-flexbox-1/#layout-algorithm 499fb79b81a9e52c0931e6886d33f48f0a7705b3 `Daniel Holbert`
flexbox-break-request-horiz-001a reference/flexbox-break-request-horiz-001-ref Testing page-break-before in horizontal multi-line flex containers http://www.w3.org/TR/css-flexbox-1/#algo-line-break 013d1e82098a46499622f1974e92fb3a54bb57b2 `Daniel Holbert`
flexbox-break-request-horiz-001b reference/flexbox-break-request-horiz-001-ref Testing page-break-after in horizontal multi-line flex containers http://www.w3.org/TR/css-flexbox-1/#algo-line-break 5e4a4a487ef12451202fd7f462ffc46849093122 `Daniel Holbert`
flexbox-break-request-horiz-002a reference/flexbox-break-request-horiz-002-ref Testing page-break-before in horizontal single-line flex containers (should have no effect) http://www.w3.org/TR/css-flexbox-1/#algo-line-break 90e2c978fb46935225a8b9e3a8f97c3ed32c911f `Daniel Holbert`
flexbox-break-request-horiz-002b reference/flexbox-break-request-horiz-002-ref Testing page-break-after in horizontal single-line flex containers (should have no effect) http://www.w3.org/TR/css-flexbox-1/#algo-line-break 24a5d9f01282007ccfc06072996356c5ad97f966 `Daniel Holbert`
flexbox-break-request-vert-001a reference/flexbox-break-request-vert-001-ref Testing page-break-before in vertical multi-line flex containers http://www.w3.org/TR/css-flexbox-1/#algo-line-break 69ec9223d47f3de4f36d9260f3b3b57713e3c735 `Daniel Holbert`
flexbox-break-request-vert-001b reference/flexbox-break-request-vert-001-ref Testing page-break-after in vertical multi-line flex containers http://www.w3.org/TR/css-flexbox-1/#algo-line-break 3117241954c2de6105fcf6dec704d52652b7a356 `Daniel Holbert`
flexbox-break-request-vert-002a reference/flexbox-break-request-vert-002-ref Testing page-break-before in vertical single-line flex containers (should have no effect) http://www.w3.org/TR/css-flexbox-1/#algo-line-break 1a1155fb3dcdd2b363a0b15e6aae05b0e437ef6d `Daniel Holbert`
flexbox-break-request-vert-002b reference/flexbox-break-request-vert-002-ref Testing page-break-after in vertical single-line flex containers (should have no effect) http://www.w3.org/TR/css-flexbox-1/#algo-line-break a6c73e4856caa8fe71fe7f101f73a353bfe46a08 `Daniel Holbert`
flexbox-collapsed-item-baseline-001 reference/flexbox-collapsed-item-baseline-001-ref Testing that a collapsed flex item participates in baseline alignment only for the purpose of establishing container's cross size http://www.w3.org/TR/css-flexbox-1/#algo-visibility 6e83763db45d8aeb4dc7746fc1cf89fa71a1f8f4 `Daniel Holbert`
flexbox-collapsed-item-horiz-001 reference/flexbox-collapsed-item-horiz-001-ref Testing that visibility:collapse on a flex item in a single-line flex container maintains the containers's cross size, but doesn't otherwise impact flex layout http://www.w3.org/TR/css-flexbox-1/#algo-visibility 377d25a9e3944c9c4bbc423f9ca66fd3b32f89eb `Daniel Holbert`
flexbox-collapsed-item-horiz-002 reference/flexbox-collapsed-item-horiz-002-ref Testing that visibility:collapse on a flex item in a multi-line flex container creates struts, and that they can migrate between lines http://www.w3.org/TR/css-flexbox-1/#algo-visibility d0b0b60df8f31bb4a4607d1c225fc92ed8d7593c `Daniel Holbert`
flexbox-collapsed-item-horiz-003 reference/flexbox-collapsed-item-horiz-003-ref Testing that strut formation (from visibility:collapse) happens *after* lines have been stretched http://www.w3.org/TR/css-flexbox-1/#algo-visibility c2d0bd027aaf19b74f8a4494eb8051ee8aa9d6d5 `Daniel Holbert`
flexbox-flex-direction-column reference/flexbox-flex-direction-ref Flex-direction = column http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 39829e61d50e5f89cc7786172e1f6220a20de0a0 `Gavin Elster` Test checks that flex container's main axis has the same orientation as the block axis of the current writing mode, when flex-direction = column. This assumes writing-direction = horizontal-tb', and direction = 'ltr'.
flexbox-flex-direction-column-reverse reference/flexbox-flex-direction-ref Flex-direction = column-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 1cdd39e73b8089fc47f7ff3d2b4462d7f4a0f959 `Gavin Elster` Test checks that flex container's main axis has the same orientation as the block axis of the current writing mode, and main-start and main-end are swapped, when flex-direction = column-reverse. This assumes writing-direction = horizontal-tb', and direction = 'ltr'.
flexbox-flex-direction-default reference/flexbox-flex-direction-ref Flex-direction = row by default http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 87e7b9e8ea33521891ecd6fb513b525112f1767a `Gavin Elster` Test checks that flex container's main axis has the same orientation as the inline axis of the current writing mode by default. This assumes writing-direction = horizontal-tb', and direction = 'ltr'.
flexbox-flex-direction-row reference/flexbox-flex-direction-ref Flex-direction = row http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 042bdefd6bca02abc7e5ee451ba04432edeca0eb `Gavin Elster` Test checks that flex container's main axis has the same orientation as the inline axis of the current writing mode, when flex-direction = row. This assumes writing-direction = horizontal-tb', and direction = 'ltr'.
flexbox-flex-direction-row-reverse reference/flexbox-flex-direction-ref Flex-direction = row-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 53fe7c622d2d2ae0b729e3dea42e551f93604e03 `Gavin Elster` Test checks that flex container's main axis has the opposite orientation as the inline axis of the current writing mode, when flex-direction = row-reverse. This assumes writing-direction = horizontal-tb', and direction = 'ltr'.
flexbox-flex-flow-001 reference/flexbox-flex-flow-001-ref Testing all the values of the "flex-flow" shorthand property, with 4 flex items in each container http://www.w3.org/TR/css-flexbox-1/#flex-flow-property d478956e41720539d7faaf15c2de88446d97e88f `Daniel Holbert`
flexbox-flex-flow-002 reference/flexbox-flex-flow-002-ref Testing all the values of the "flex-flow" shorthand property, with 3 flex items in each container http://www.w3.org/TR/css-flexbox-1/#flex-flow-property d30cd4ec9d23ab42ca3c45d25dfb2c22aaca8425 `Daniel Holbert`
flexbox-flex-wrap-default reference/flexbox-flex-wrap-nowrap-ref Flex-wrap defaults to nowrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 31bbef44f3745774a4f5d96fd25b42d802c816e1 `Gavin Elster` Test checks that flex elements default to flex-wrap: nowrap if flex-wrap is not set. With wrapping disabled, the .green flex item should extend outside the bounds of its container, as it is set to flex:none.
flexbox-flex-wrap-flexing reference/flexbox-flex-wrap-flexing-ref flex-wrap flexes widths after line breaking http://www.w3.org/TR/css-flexbox-1/#flex-lines 08c6d912f2962f428e07d579290bc6e6f873933a `Alan Stearns` Flex items given more space after line breaking should flex wider http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap http://www.w3.org/TR/css-flexbox-1/#flex-property
flexbox-flex-wrap-horiz-001 reference/flexbox-flex-wrap-horiz-001-ref Testing flex-wrap in horizontal flex containers http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property b2925a6887d09b4568cdcab594eee4ada3a4c2ed `Daniel Holbert`
flexbox-flex-wrap-horiz-002 reference/flexbox-flex-wrap-horiz-002-ref Ensure that min-width is honored for horizontal multi-line flex containers http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property d670646328c5994319eda514b0f595926f215bb8 `Daniel Holbert`
flexbox-flex-wrap-nowrap reference/flexbox-flex-wrap-nowrap-ref Flex-wrap = nowrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 967df036ffeca0ff1e79440af8e849e85bdc9d73 `Gavin Elster`