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 4c5f3030574991aba5f60b17f5c095f88ce663f2 `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 6de835b5ff8ccff198294837a175ecf36ee1371e `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 ac6110310efb808ea2b4891488aa2052f2f573a5 `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 490151fafd13a31265bb23af939244e540d0aa69 `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 d2ed9f4f6f56313ea4614bf8e3aea8210a0ce85f `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 d72a8a12de59ed58d8c4acd3570ba930faa86d5a `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-justufy-content http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 16dde2bb8fde7d77358127c179586c543fb5441c `xiaoxia`
css-flexbox-column reference/css-flexbox-column-ref flex direction: row http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 2e5bf4ca2fcfceb11ea7a14828ed53b096385155 `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 a4226108be2f0af901413339910960676e0aeab3 `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 8c9461d7bb8e46a2173f6651e3596f1ea0650e94 `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 d38b70360a7799e70ca707646a606c038c899013 `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 81bfe00b93f428cb9c18db56c7403d4b3fa8423e `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 110b7c270b5e15c253d57db831c76009af42141d `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 5112d07ce834249f41852096719e363804b80059 `Eiji Kitamura` 3 square 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 c2fdd1f935ea17ca5c3ef860a2b39c9040c2b032 `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 7d6c951b7d2a9a20aec2dae97cf647a7542fd97c `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 45362cab6ef4ccddc48442ef7c30cfdbc4d7b68f `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 ae71f495e9b7a0b872b7404e8d13546220a99b9c `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 406a4ac39fbf0910cc734e4fa2c2d95d441cbf2a `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 3de913d4d90d2452743b0b92d15a212215e1db4a `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 46d2eaf879b0bbd16437e1092096a891ef98cf47 `Chunsheng Zhang` flex items center
flex-basis-001 reference/ref-filled-green-100px-square flex-basis - positive number http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis cf4c8932cb4704bae235021bc2c0bde3e94bf71d `http://www.intel.com`,`mailto:shiyoux.tan@intel.com` 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 bd0b95ddbaf7caf8595c5f24cdb25e24f8312f0e `http://www.intel.com`,`mailto:shiyoux.tan@intel.com` 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 75bc5a47afacb6416a93c6eb0fd876c4ad288f76 `http://www.intel.com`,`mailto:shiyoux.tan@intel.com` 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 7febd49b5358e1bd05b52955369a7d1e13459aa3 `http://www.intel.com`,`mailto:shiyoux.tan@intel.com` 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 8d6540f232ce13f26dcf1aaa286f76c8b06982e1 `http://www.intel.com`,`mailto:shiyoux.tan@intel.com` 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 0844da965929e2caa63e88ebcd658b8da1f0d2ee `http://www.intel.com`,`mailto:shiyoux.tan@intel.com` 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 2d1b30c5b772e87ba0ccb74ab319a3fe20cb2c06 `http://www.intel.com`,`mailto:shiyoux.tan@intel.com` 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 09979a1d088a61b54658fb8c6c0cf2c5f8fcf23a `http://www.intel.com`,`mailto:shiyoux.tan@intel.com` 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 9d6a4d6440cb23bae63e478580d061d47ffba194 `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 a766d53d70193da1a751a9b50c249bdbfad42047 `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 4e5f9ded45793abc3c57aa37fd7a18a10c394a34 `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 3b720e9b64459c43328b05d707190079a2faf3d4 `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 4eed35953b8b35d394d337a3cd1157eac3efaa40 `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 7dd52f5c06389c50211d45d668e12b1d7b48e175 `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 4172f1a06a747e66a6011db8f7c083972cbda05a `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 8a0e003676ce6a5b745a3d29d6c50ee1e92b28a7 `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 90067411196e9f5cb63fbde402bc9172ff7143e0 `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 fdbdeebff5f4f812f48064b59b05ea587841c758 `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 83c729ef6a0f2fb5c317dd507b2d9fe31316488e `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 3006570651d466202f7d917cd152312730b9edd8 `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 e502bf18a14c3bc4fa3ae2485df64c679162ac42 `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 3f2168e9d0e1d45b9e6b363febe37e8c5236ac67 `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 f8b3290012a57cf47c520f716c3c50a4e02eba55 `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 6bada7cc61f1b3adac7354992455b59cff76478e `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-minimun-height-flex-items-001 reference/ref-filled-green-100px-square Minimun height of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto 605b08c7906eba5ed79720f2399103205a138218 `Manuel Rego Casasnovas` Checks that minimun height for flex items is the min-content size.
flex-minimun-height-flex-items-002 reference/ref-filled-green-100px-square Minimun height of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto fb81ee347c99fde166c84ec223256317f0a54a41 `Manuel Rego Casasnovas` Checks that minimun height for flex items is the specified size if it's smaller than the min-content size.
flex-minimun-height-flex-items-003 reference/ref-filled-green-100px-square Minimun height of flex items ahem http://www.w3.org/TR/css-flexbox-1/#min-size-auto fe8d92576daf7706ca13a1f8733a7a0ee3665fee `Manuel Rego Casasnovas` Checks that minimun height for flex items is the min-content size if it's smaller than the specified size.
flex-minimun-height-flex-items-004 reference/ref-filled-green-100px-square Minimun height of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto 481c989561996809009e4adc5eceebe34e97d47f `Manuel Rego Casasnovas` Checks that minimun height for flex items is the min-content size (which corresponds to the image size).
flex-minimun-height-flex-items-005 reference/ref-filled-green-100px-square Minimun height of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto a53cfd1a5d229518deaf85198040cd4b98cdb99a `Manuel Rego Casasnovas` Checks that minimun height for flex items is the specified size, as the min-content size of the image corresponds to that.
flex-minimun-height-flex-items-006 reference/ref-filled-green-100px-square Minimun height of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto b9e8e63e87b4249c4c54ebce3efe8284dd42be2a `Manuel Rego Casasnovas` Checks that minimun height for flex items is the specified size, as the min-content size of the image corresponds to that.
flex-minimun-height-flex-items-007 reference/ref-filled-green-100px-square Minimun height of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto 87a0e5d4fdacee220ad90b4ad5cf8a4e18db29aa `Manuel Rego Casasnovas` Checks that minimun height for flex items is the transferred size, as the min-content size of the image corresponds to that.
flex-minimun-height-flex-items-008 reference/ref-filled-green-100px-square Minimun height of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto 0a1cdcd4142b1c5a92069faef42f6a78fc99941a `Manuel Rego Casasnovas` Checks that minimun height for flex items is the transferred size, as the min-content size of the image corresponds to that.
flex-minimun-width-flex-items-001 reference/ref-filled-green-100px-square Minimun width of flex items ahem http://www.w3.org/TR/css-flexbox-1/#min-size-auto bd9124d48aeaf942f7f89e144e44f2f77fc570d6 `Manuel Rego Casasnovas` Checks that minimun width for flex items is the min-content size.
flex-minimun-width-flex-items-002 reference/ref-filled-green-100px-square Minimun width of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto ec336ef15ab4b521ab28ef7471090dc7a680a109 `Manuel Rego Casasnovas` Checks that minimun width for flex items is the specified size if it's smaller than the min-content size.
flex-minimun-width-flex-items-003 reference/ref-filled-green-100px-square Minimun width of flex items ahem http://www.w3.org/TR/css-flexbox-1/#min-size-auto 15b5885d64f7eee135cc4843c7132d83db0a9d62 `Manuel Rego Casasnovas` Checks that minimun width for flex items is the min-content size if it's smaller than the specified size.
flex-minimun-width-flex-items-004 reference/ref-filled-green-100px-square Minimun width of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto 445113470be2ca8cf72d9a2ecc86f8a446ec9c8b `Manuel Rego Casasnovas` Checks that minimun width for flex items is the min-content size (which corresponds to the image size).
flex-minimun-width-flex-items-005 reference/ref-filled-green-100px-square Minimun width of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto 4dd98aa6402f85f43ec8c96d5a6b1703ccee87cd `Manuel Rego Casasnovas` Checks that minimun width for flex items is the specified size, as the min-content size of the image corresponds to that.
flex-minimun-width-flex-items-006 reference/ref-filled-green-100px-square Minimun width of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto 5c254ac186b629c2b602eb9938ba5adda22bbd33 `Manuel Rego Casasnovas` Checks that minimun width for flex items is the specified size, as the min-content size of the image corresponds to that.
flex-minimun-width-flex-items-007 reference/ref-filled-green-100px-square Minimun width of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto 2420cde9162ecdbc67cd24a93a892922a2d6a6dd `Manuel Rego Casasnovas` Checks that minimun width for flex items is the transferred size, as the min-content size of the image corresponds to that.
flex-minimun-width-flex-items-008 reference/ref-filled-green-100px-square Minimun width of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto f925ab003ec01a98c18659e1b959e9b4a58bebc4 `Manuel Rego Casasnovas` Checks that minimun 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 675a7d6b44d517799f98d854bc3acf87775d5217 `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 7ac94c91ff6e4fc5ecda2e3fad262d74dbb8c00e `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 8ba9e66764e3c6a4ce87415b0c8c1da5803dd45a `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 e3a49caf48912d5799ccd3f435bcdb24c5e9e9c2 `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 067772e2465336c95f5c71b6a1eaf2024971e721 `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 9240ccde2b7d5e237308032e40488023fbcdd9d1 `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 e36c247019bcdfe491f9995e9a5c47dd5f008242 `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 fabc16fabb851108f082dfb7cf42b497666e3447 `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 675397922dd82ff7b3372977662aaba0d9c91943 `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-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 8ddd9e5c643399d31bc48e8a39684d98ce7f2406 `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 183f460c2e72e0bcf57e9fc6ce6e2225f9115212 `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 8c82a3d90a6879d3371ca75d8c7d2ae768ee274c `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 4e00d307563cb8aa340346dcfe8b5739041b89d4 `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 bc2cddd8f92054fdb8ef0c60ec4dfb92b85a1e9f `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 8c0729a3905f9147062c16d2ff05434be1927f1f `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 347722d0a1056868babe94ffd6d3e64c5a1387ec `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 521c1fb2d5f212dd8f3866a712e7da1648a7d675 `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 6610787967ced8297117e38f57d7a60a9b4dc5f5 `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 76e81cfa0324e78f62eddd19dfaf60dc9cb29701 `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` Test checks that flex elements set to flex-wrap: nowrap will not wrap their flex items. 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-vert-001 reference/flexbox-flex-wrap-vert-001-ref Testing flex-wrap in vertical flex containers http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property a4d627e51950ce9e2e2d48ef7ffb06b92909333d `Daniel Holbert`
flexbox-flex-wrap-vert-002 reference/flexbox-flex-wrap-vert-002-ref Ensure that min-height is honored for vertical multi-line flex containers http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property eaff6cec8d46802c9ab8cc0150cd2ad4eed9d238 `Daniel Holbert`