author | L. David Baron <dbaron@dbaron.org> |
Fri, 07 Jun 2013 12:55:28 +0900 | |
changeset 146692 | 679350e2d6992d37b2a439182dba9e82c31d9f79 |
parent 146691 | b252464d739e6f981bd4fe16aedf6e0395a2e5c7 |
child 146693 | fbb88e029c01267afac32ab2a63552a5abdf20bd |
push id | 368 |
push user | bbajaj@mozilla.com |
push date | Mon, 09 Sep 2013 22:57:58 +0000 |
treeherder | mozilla-release@5a4f47ae1217 [default view] [failures only] |
perfherder | [talos] [build metrics] [platform microbench] (compared to previous push) |
bugs | 880137 |
milestone | 24.0a1 |
first release with | nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
|
last release without | nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
|
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-baseline-horiz-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-baseline-horiz-1.xhtml @@ -7,17 +7,17 @@ align-self, implicitly). This test baseline-aligns various types of content, and the flexbox's vertical size depends on the aggregate post-alignment height of its children. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self'</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#baseline-participation"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#baseline-participation"/> <link rel="match" href="flexbox-align-self-baseline-horiz-1-ref.xhtml"/> <style> .flexbox { display: flex; align-items: baseline; border: 1px dashed blue; font: 14px sans-serif; }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-1-block.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-1-block.xhtml @@ -4,17 +4,17 @@ http://creativecommons.org/publicdomain/zero/1.0/ --> <!-- Testcase for align-items / align-self behavior, with all the possible values included on different items within a flex container. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing the behavior of 'align-self' property values on flex items that are blocks, in a horizontal flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#align-items-property"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#align-items-property"/> <link rel="match" href="flexbox-align-self-horiz-1-ref.xhtml"/> <style> .flexbox { border: 1px dashed blue; height: 200px; display: inline-flex; font-size: 10px; line-height: 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-1-table.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-1-table.xhtml @@ -4,17 +4,17 @@ http://creativecommons.org/publicdomain/zero/1.0/ --> <!-- Testcase for align-items / align-self behavior, with all the possible values included on different items within a flex container. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing the various 'align-self' property values on flex items that are tables</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/"/> <link rel="match" href="flexbox-align-self-horiz-1-ref.xhtml"/> <style> .flexbox { border: 1px dashed blue; height: 200px; display: inline-flex; font-size: 10px; line-height: 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-2.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-2.xhtml @@ -5,17 +5,17 @@ --> <!-- Testcase for align-items / align-self behavior, with all the possible values included on different items within a flex container, and with margin/border/padding values on each item. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing the behavior of 'align-self' with a horizontal flex container, with margin/padding/border on the items</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#align-items-property"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#align-items-property"/> <link rel="match" href="flexbox-align-self-horiz-2-ref.xhtml"/> <style> .flexbox { border: 1px dashed blue; height: 200px; display: inline-flex; font-size: 10px; line-height: 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-3.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-3.xhtml @@ -5,17 +5,17 @@ --> <!-- Testcase for align-items / align-self behavior, with all the possible values included on different items within a flex container, and with the flex container being shorter than its items. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing the behavior of 'align-self' with a horizontal flex container that's shorter than its items</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#align-items-property"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#align-items-property"/> <link rel="match" href="flexbox-align-self-horiz-3-ref.xhtml"/> <style> .flexbox { border: 1px dashed blue; padding: 3px; height: 4px; display: inline-flex; font-size: 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-4.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-4.xhtml @@ -5,17 +5,17 @@ --> <!-- Testcase for align-items / align-self behavior, with all the possible values included on different items within a flex container, and with the flex container being shorter than its items. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing the behavior of 'align-self' with a horizontal flex container that's shorter than its items, with margin/padding/border on the items</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#align-items-property"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#align-items-property"/> <link rel="match" href="flexbox-align-self-horiz-4-ref.xhtml"/> <style> .flexbox { border: 1px dashed blue; padding: 3px; height: 4px; display: inline-flex; font-size: 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-5.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-5.xhtml @@ -6,17 +6,17 @@ <!-- Testcase for align-items / align-self behavior with auto margins in play (which should negate the effects of align-items / align-self, because there won't be any available space in which to align the item after the auto margins are resolved). --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing the behavior of 'align-self' with auto margins in play, in a horizontal flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#auto-margins"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#auto-margins"/> <link rel="match" href="flexbox-align-self-horiz-5-ref.xhtml"/> <style> .flexbox { border: 1px dashed blue; height: 140px; width: 400px; display: flex; font-size: 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-1.xhtml @@ -4,17 +4,17 @@ http://creativecommons.org/publicdomain/zero/1.0/ --> <!-- Testcase for align-items / align-self behavior, with all the possible values included on different items within a flex container. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing the behavior of 'align-self' property values on flex items that are blocks, in a vertical flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#align-items-property"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#align-items-property"/> <link rel="match" href="flexbox-align-self-vert-1-ref.xhtml"/> <style> .flexbox { border: 1px dashed blue; width: 200px; display: flex; flex-direction: column; font-size: 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-2.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-2.xhtml @@ -5,17 +5,17 @@ --> <!-- Testcase for align-items / align-self behavior, with all the possible values included on different items within a flex container, and with margin/border/padding values on each item. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing the behavior of 'align-self' with a vertical flex container, with margin/padding/border on the items</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#align-items-property"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#align-items-property"/> <link rel="match" href="flexbox-align-self-vert-2-ref.xhtml"/> <style> .flexbox { border: 1px dashed blue; width: 200px; display: flex; flex-direction: column; float: left;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-3.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-3.xhtml @@ -5,17 +5,17 @@ --> <!-- Testcase for align-items / align-self behavior, with all the possible values included on different items within a flex container, and with the flex container being skinnier than its items. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#align-items-property"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#align-items-property"/> <link rel="match" href="flexbox-align-self-vert-3-ref.xhtml"/> <style> .flexbox { border: 1px dashed blue; width: 4px; display: flex; flex-direction: column; font-family: sans-serif;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-4.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-4.xhtml @@ -5,17 +5,17 @@ --> <!-- Testcase for align-items / align-self behavior, with all the possible values included on different items within a flex container, and with the flex container being skinnier than its items. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items, with margin/padding/border on the items</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#align-items-property"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#align-items-property"/> <link rel="match" href="flexbox-align-self-vert-4-ref.xhtml"/> <style> .flexbox { border: 1px dashed blue; width: 4px; display: flex; flex-direction: column; float: left;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-1.xhtml @@ -5,17 +5,17 @@ --> <!-- Testcase for align-items / align-self behavior, with all the possible values included on different items within a flex container, and with "direction: rtl" to swap the horizontal (cross) axis. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing the behavior of 'align-self' property values on flex items that are blocks, in a vertical flex container with 'direction: rtl'</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#align-items-property"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#align-items-property"/> <link rel="match" href="flexbox-align-self-vert-rtl-1-ref.xhtml"/> <style> .flexbox { border: 1px dashed blue; width: 200px; display: flex; flex-direction: column; direction: rtl;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-2.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-2.xhtml @@ -6,17 +6,17 @@ <!-- Testcase for align-items / align-self behavior, with all the possible values included on different items within a flex container, and with margin/border/padding values on each, and with "direction: rtl" to swap the horizontal (cross) axis item. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing the behavior of 'align-self' with a vertical flex container, with margin/padding/border on the items and with 'direction: rtl'</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#align-items-property"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#align-items-property"/> <link rel="match" href="flexbox-align-self-vert-rtl-2-ref.xhtml"/> <style> .flexbox { border: 1px dashed blue; width: 200px; display: flex; flex-direction: column; direction: rtl;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-3.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-3.xhtml @@ -6,17 +6,17 @@ <!-- Testcase for align-items / align-self behavior, with all the possible values included on different items within a flex container, and with the flex container being skinnier than its items, and with "direction: rtl" to swap the horizontal (cross) axis. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items and with 'direction: rtl'</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#align-items-property"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#align-items-property"/> <link rel="match" href="flexbox-align-self-vert-rtl-3-ref.xhtml"/> <style> .flexbox { border: 1px dashed blue; width: 4px; display: flex; flex-direction: column; direction: rtl;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-4.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-vert-rtl-4.xhtml @@ -6,17 +6,17 @@ <!-- Testcase for align-items / align-self behavior, with all the possible values included on different items within a flex container, and with the flex container being skinnier than its items, and with "direction: rtl" to swap the horizontal (cross) axis. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: 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'</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#align-items-property"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#align-items-property"/> <link rel="match" href="flexbox-align-self-vert-rtl-4-ref.xhtml"/> <style> .flexbox { border: 1px dashed blue; width: 4px; display: flex; flex-direction: column; direction: rtl;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-align-self-baseline-horiz-1.html +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-align-self-baseline-horiz-1.html @@ -9,17 +9,17 @@ If any of the flex items on the flex container's first line participate in baseline alignment, the flex container's main-axis baseline is the baseline of those flex items. --> <html> <head> <title>CSS Test: Testing the baseline of a horizontal flex container with baseline-aligned flex items</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#flex-baselines"> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#flex-baselines"> <link rel="match" href="flexbox-baseline-align-self-baseline-horiz-1-ref.html"> <meta charset="utf-8"> <style> body { margin: 0; font-size: 20px; line-height: 20px; }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-align-self-baseline-vert-1.html +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-align-self-baseline-vert-1.html @@ -9,17 +9,17 @@ participating in baseline alignment, so their "align-self:baseline" computed style doesn't have any special effect on the container's baseline. --> <html> <head> <title>CSS Test: Testing the baseline of a vertical flex container with baseline-aligned flex items</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#flex-baselines"> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#flex-baselines"> <link rel="match" href="flexbox-baseline-align-self-baseline-vert-1-ref.html"> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="support/ahem.css" /> <style> body { margin: 0; font: 20px Ahem; line-height: 20px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-empty-1a.html +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-empty-1a.html @@ -11,17 +11,17 @@ from ... the flex container's content box. I'm taking that to mean the baseline is the bottom of the content box. --> <html> <head> <title>CSS Test: Testing the baseline of an empty horizontal flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#flex-baselines"> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#flex-baselines"> <link rel="match" href="flexbox-baseline-empty-1-ref.html"> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="support/ahem.css" /> <style> body { font: 20px Ahem; } .flexContainer {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-empty-1b.html +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-empty-1b.html @@ -11,17 +11,17 @@ from ... the flex container's content box. I'm taking that to mean the baseline is the bottom of the content box. --> <html> <head> <title>CSS Test: Testing the baseline of an empty vertical flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#flex-baselines"> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#flex-baselines"> <link rel="match" href="flexbox-baseline-empty-1-ref.html"> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="support/ahem.css" /> <style> body { font: 20px Ahem; } .flexContainer {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-multi-item-horiz-1.html +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-multi-item-horiz-1.html @@ -10,17 +10,17 @@ first flex item has a baseline parallel to the flex container's main axis, the flex container's main-axis baseline is that baseline. --> <html> <head> <title>CSS Test: Testing the baseline of a horizontal flex container whose flex items are not baseline-aligned</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#flex-baselines"> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#flex-baselines"> <link rel="match" href="flexbox-baseline-multi-item-horiz-1-ref.html"> <meta charset="utf-8"> <style> .flexContainer { display: inline-flex; background: lightblue; } .smallFont {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-multi-item-vert-1.html +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-multi-item-vert-1.html @@ -10,17 +10,17 @@ first flex item has a baseline parallel to the flex container's main axis, the flex container's main-axis baseline is that baseline. --> <html> <head> <title>CSS Test: Testing the baseline of a vertical flex container whose flex items are not baseline-aligned</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#flex-baselines"> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#flex-baselines"> <link rel="match" href="flexbox-baseline-multi-item-vert-1-ref.html"> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="support/ahem.css" /> <style> body { margin: 0; font: 20px Ahem; line-height: 20px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-single-item-1a.html +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-single-item-1a.html @@ -10,17 +10,17 @@ first flex item has a baseline parallel to the flex container's main axis, the flex container's main-axis baseline is that baseline. --> <html> <head> <title>CSS Test: Testing the baseline of a horizontal flex container with one flex item</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#flex-baselines"> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#flex-baselines"> <link rel="match" href="flexbox-baseline-single-item-1-ref.html"> <meta charset="utf-8"> <style> .flexContainer { display: inline-flex; height: 16px; width: 16px; background: purple;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-single-item-1b.html +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-baseline-single-item-1b.html @@ -10,17 +10,17 @@ first flex item has a baseline parallel to the flex container's cross axis, the flex container's cross-axis baseline is that baseline. --> <html> <head> <title>CSS Test: Testing the baseline of a vertical flex container with one flex item</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#flex-baselines"> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#flex-baselines"> <link rel="match" href="flexbox-baseline-single-item-1-ref.html"> <meta charset="utf-8"> <style> .flexContainer { display: inline-flex; flex-direction: column; height: 16px; width: 16px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-horiz-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-horiz-1.xhtml @@ -4,17 +4,17 @@ http://creativecommons.org/publicdomain/zero/1.0/ --> <!-- Testcase with blocks as flex items in a horizontal flex container, with various "flex" values and various combinations of the items. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing flexbox layout algorithm property on block flex items in a horizontal flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#layout-algorithm"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#layout-algorithm"/> <link rel="match" href="flexbox-basic-block-horiz-1-ref.xhtml"/> <style> div { height: 100px; } div.flexbox { border: 1px dashed blue; width: 200px; font-size: 10px; display: flex;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-vert-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-vert-1.xhtml @@ -4,17 +4,17 @@ http://creativecommons.org/publicdomain/zero/1.0/ --> <!-- Testcase with blocks as flex items in a vertical flex container, with various "flex" values and various combinations of the items. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing flexbox layout algorithm property on block flex items in a vertical flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#layout-algorithm"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#layout-algorithm"/> <link rel="match" href="flexbox-basic-block-vert-1-ref.xhtml"/> <style> div { width: 50px; } div.flexbox { float: left; border: 1px dashed blue; height: 200px; font-size: 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-horiz-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-horiz-1.xhtml @@ -5,17 +5,17 @@ --> <!-- This test checks that canvas elements behave correctly as flex items. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing flexbox layout algorithm property on canvas flex items in a horizontal flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#layout-algorithm"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#layout-algorithm"/> <link rel="match" href="flexbox-basic-canvas-horiz-1-ref.xhtml"/> <style> div.flexbox { width: 200px; background: lightgreen; display: flex; justify-content: space-between; margin-bottom: 5px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-vert-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-vert-1.xhtml @@ -5,17 +5,17 @@ --> <!-- This test checks that canvas elements behave correctly as flex items. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing flexbox layout algorithm property on canvas flex items in a vertical flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#layout-algorithm"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#layout-algorithm"/> <link rel="match" href="flexbox-basic-canvas-vert-1-ref.xhtml"/> <style> div.flexbox { height: 200px; background: lightgreen; display: flex; justify-content: space-between; flex-direction: column;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-fieldset-horiz-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-fieldset-horiz-1.xhtml @@ -5,17 +5,17 @@ --> <!-- This test checks that fieldset elements behave correctly as flex items. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing flexbox layout algorithm property on fieldset flex items in a horizontal flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#layout-algorithm"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#layout-algorithm"/> <link rel="match" href="flexbox-basic-fieldset-horiz-1-ref.xhtml"/> <style> div.flexbox { width: 200px; background: lightgreen; display: flex; justify-content: space-between; margin-bottom: 5px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-fieldset-vert-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-fieldset-vert-1.xhtml @@ -5,17 +5,17 @@ --> <!-- This test checks that fieldset elements behave correctly as flex items. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing flexbox layout algorithm property on fieldset flex items in a vertical flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#layout-algorithm"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#layout-algorithm"/> <link rel="match" href="flexbox-basic-fieldset-vert-1-ref.xhtml"/> <style> div.flexbox { height: 200px; background: lightgreen; display: flex; justify-content: space-between; flex-direction: column;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-iframe-horiz-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-iframe-horiz-1.xhtml @@ -5,17 +5,17 @@ --> <!-- This test checks that iframe elements behave correctly as flex items. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing flexbox layout algorithm property on iframe flex items in a horizontal flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#layout-algorithm"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#layout-algorithm"/> <link rel="match" href="flexbox-basic-iframe-horiz-1-ref.xhtml"/> <style> div.flexbox { width: 200px; background: lightgreen; display: flex; justify-content: space-between; margin-bottom: 5px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-iframe-vert-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-iframe-vert-1.xhtml @@ -5,17 +5,17 @@ --> <!-- This test checks that iframe elements behave correctly as flex items. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing flexbox layout algorithm property on iframe flex items in a vertical flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#layout-algorithm"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#layout-algorithm"/> <link rel="match" href="flexbox-basic-iframe-vert-1-ref.xhtml"/> <style> div.flexbox { height: 200px; background: lightgreen; display: flex; justify-content: space-between; flex-direction: column;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-img-horiz-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-img-horiz-1.xhtml @@ -5,17 +5,17 @@ --> <!-- This test checks that img elements behave correctly as flex items. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing flexbox layout algorithm property on img flex items in a horizontal flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#layout-algorithm"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#layout-algorithm"/> <link rel="match" href="flexbox-basic-img-horiz-1-ref.xhtml"/> <style> div.flexbox { width: 200px; background: lightgreen; display: flex; justify-content: space-between; margin-bottom: 5px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-img-vert-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-img-vert-1.xhtml @@ -5,17 +5,17 @@ --> <!-- This test checks that img elements behave correctly as flex items. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing flexbox layout algorithm property on img flex items in a vertical flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#layout-algorithm"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#layout-algorithm"/> <link rel="match" href="flexbox-basic-img-vert-1-ref.xhtml"/> <style> div.flexbox { height: 200px; background: lightgreen; display: flex; justify-content: space-between; flex-direction: column;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-textarea-horiz-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-textarea-horiz-1.xhtml @@ -5,17 +5,17 @@ --> <!-- This test checks that textarea elements behave correctly as flex items. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing flexbox layout algorithm property on textarea flex items in a horizontal flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#layout-algorithm"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#layout-algorithm"/> <link rel="match" href="flexbox-basic-textarea-horiz-1-ref.xhtml"/> <style> div.flexbox { width: 200px; background: lightgreen; display: flex; justify-content: space-between; margin-bottom: 5px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-textarea-vert-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-textarea-vert-1.xhtml @@ -5,17 +5,17 @@ --> <!-- This test checks that textarea elements behave correctly as flex items. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing flexbox layout algorithm property on textarea flex items in a vertical flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#layout-algorithm"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#layout-algorithm"/> <link rel="match" href="flexbox-basic-textarea-vert-1-ref.xhtml"/> <style> div.flexbox { height: 200px; background: lightgreen; display: flex; justify-content: space-between; flex-direction: column;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-video-horiz-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-video-horiz-1.xhtml @@ -5,17 +5,17 @@ --> <!-- This test checks that video elements behave correctly as flex items. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing flexbox layout algorithm property on video flex items in a horizontal flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#layout-algorithm"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#layout-algorithm"/> <link rel="match" href="flexbox-basic-video-horiz-1-ref.xhtml"/> <style> div.flexbox { width: 200px; background: lightgreen; display: flex; justify-content: space-between; margin-bottom: 5px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-video-vert-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-video-vert-1.xhtml @@ -5,17 +5,17 @@ --> <!-- This test checks that video elements behave correctly as flex items. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing flexbox layout algorithm property on video flex items in a vertical flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#layout-algorithm"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#layout-algorithm"/> <link rel="match" href="flexbox-basic-video-vert-1-ref.xhtml"/> <style> div.flexbox { height: 200px; background: lightgreen; display: flex; justify-content: space-between; flex-direction: column;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-1.xhtml @@ -5,17 +5,17 @@ --> <!-- Testcase with flex items containing overlapping content, with "z-index" set on some of them, which should make them create stacking contexts. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing that 'z-index' property makes flex items form stacking contexts</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#painting"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#painting"/> <link rel="match" href="flexbox-items-as-stacking-contexts-1-ref.xhtml"/> <style> .flexbox { width: 90px; height: 10px; border: 2px solid gray; display: flex; margin-bottom: 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-2.html +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-2.html @@ -13,17 +13,17 @@ "order" on flex items. --> <!-- This was resolved by the CSSWG in April 2013: http://krijnhoetmer.nl/irc-logs/css/20130403#l-455 --> <html> <head> <title>CSS Test: Testing that flex items paint as pseudo-stacking contexts (atomically, in the absence of 'z-index' on descendants)</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/"> <link rel="match" href="flexbox-items-as-stacking-contexts-2-ref.html"> <style> body { font: 10px sans-serif } .flexContainer { background: orange; display: flex; justify-content: space-between; width: 70px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-3.html +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-items-as-stacking-contexts-3.html @@ -9,17 +9,17 @@ content in another flex item, if we set appropriately interleaving "z-index" values. --> <!-- This was resolved by the CSSWG in April 2013: http://krijnhoetmer.nl/irc-logs/css/20130403#l-455 --> <html> <head> <title>CSS Test: Testing that flex items paint as pseudo-stacking contexts, instead of full stacking contexts ('z-index' should let descendants interleave)</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/"> <link rel="match" href="flexbox-items-as-stacking-contexts-3-ref.html"> <style> .flexContainer { background: orange; display: flex; justify-content: space-between; width: 70px; height: 20px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-1.xhtml @@ -4,17 +4,17 @@ http://creativecommons.org/publicdomain/zero/1.0/ --> <!-- Testcase with a variety of 'display: flex' examples testing each possible value of the 'justify-content' property. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing 'justify-content' in a horizontal flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#justify-content-property"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#justify-content-property"/> <link rel="match" href="flexbox-justify-content-horiz-1-ref.xhtml"/> <style> div.flexbox { width: 200px; display: flex; margin-bottom: 2px; } div.a {
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-2.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-2.xhtml @@ -5,17 +5,17 @@ --> <!-- Testcase with a series of flex containers testing each possible value of the 'justify-content' property, with margin/border/padding on the flex items. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing 'justify-content' in a horizontal flex container, with margins/border/padding on flex items</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#justify-content-property"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#justify-content-property"/> <link rel="match" href="flexbox-justify-content-horiz-2-ref.xhtml"/> <style> div.flexbox { width: 200px; display: flex; margin-bottom: 4px; border: 1px dotted black; }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-3.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-3.xhtml @@ -11,17 +11,17 @@ (right) side. * For 'flex-end', we should overflow on the start (left) side. * For 'center'/'space-around', we should overflow equally on both sides. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing 'justify-content' in a horizontal flex container, and its effects on flex items that overflow</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#justify-content-property"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#justify-content-property"/> <link rel="match" href="flexbox-justify-content-horiz-3-ref.xhtml"/> <style> body { margin-left: 100px; } /* So we can see left-overflowed stuff */ div.flexbox { width: 30px; display: flex; margin-bottom: 2px; }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-4.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-4.xhtml @@ -11,17 +11,17 @@ (right) side. * For 'flex-end', we should overflow on the start (left) side. * For 'center'/'space-around', we should overflow equally on both sides. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing 'justify-content' in a horizontal flex container, and its effects on flex items that overflow, with margins/border/padding on flex items</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#justify-content-property"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#justify-content-property"/> <link rel="match" href="flexbox-justify-content-horiz-4-ref.xhtml"/> <style> body { margin-left: 100px; } /* So we can see left-overflowed stuff */ div.flexbox { width: 30px; display: flex; margin-bottom: 4px; }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-5.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-horiz-5.xhtml @@ -4,17 +4,17 @@ http://creativecommons.org/publicdomain/zero/1.0/ --> <!-- Testcase to exercise each possible value of the 'justify-content' property, in an auto-sized horizontal flex container. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing 'justify-content' in an auto-sized vertical flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#justify-content-property"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#justify-content-property"/> <link rel="match" href="flexbox-justify-content-horiz-5-ref.xhtml"/> <style> div.flexbox { display: flex; } div.a { height: 20px; flex: 0 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-1.xhtml @@ -4,17 +4,17 @@ http://creativecommons.org/publicdomain/zero/1.0/ --> <!-- Testcase with a series of flex containers, testing each possible value of the 'justify-content' property. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing 'justify-content' in a vertical flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#justify-content-property"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#justify-content-property"/> <link rel="match" href="flexbox-justify-content-vert-1-ref.xhtml"/> <style> div.flexbox { height: 200px; display: flex; flex-direction: column; margin-right: 2px; float: left;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-2.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-2.xhtml @@ -5,17 +5,17 @@ --> <!-- Testcase with a series of flex containers testing each possible value of the 'justify-content' property, with margin/border/padding on the flex items. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing 'justify-content' in a vertical flex container, with margins/border/padding on flex items</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#justify-content-property"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#justify-content-property"/> <link rel="match" href="flexbox-justify-content-vert-2-ref.xhtml"/> <style> div.flexbox { height: 200px; display: flex; flex-direction: column; margin-right: 2px; float: left;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-3.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-3.xhtml @@ -12,17 +12,17 @@ (bottom) side. * For 'flex-end', we should overflow on the start (top) side. * For 'center'/'space-around', we should overflow equally on both sides. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing 'justify-content' in a vertical flex container, and its effects on flex items that overflow</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#justify-content-property"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#justify-content-property"/> <link rel="match" href="flexbox-justify-content-vert-3-ref.xhtml"/> <style> body { margin-top: 100px; } /* So we can see top-overflowed stuff */ div.flexbox { height: 30px; display: flex; flex-direction: column; margin-right: 2px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-4.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-4.xhtml @@ -12,17 +12,17 @@ (bottom) side. * For 'flex-end', we should overflow on the start (top) side. * For 'center'/'space-around', we should overflow equally on both sides. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing 'justify-content' in a vertical flex container, and its effects on flex items that overflow, with margins/border/padding on flex items</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#justify-content-property"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#justify-content-property"/> <link rel="match" href="flexbox-justify-content-vert-4-ref.xhtml"/> <style> body { margin-top: 100px; } /* So we can see top-overflowed stuff */ div.flexbox { height: 30px; display: flex; flex-direction: column; margin-right: 4px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-5.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-justify-content-vert-5.xhtml @@ -7,17 +7,17 @@ property, in an auto-sized vertical flex container. The flex container should shrink-wrap its contents' heights, leaving no packing space available. So, the "justify-content" values should have no effect in this testcase. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing 'justify-content' in an auto-sized vertical flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#justify-content-property"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#justify-content-property"/> <link rel="match" href="flexbox-justify-content-vert-5-ref.xhtml"/> <style> div.flexbox { display: flex; flex-direction: column; margin-right: 2px; float: left; border: 1px dotted black;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-margin-auto-horiz-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-margin-auto-horiz-1.xhtml @@ -4,17 +4,17 @@ http://creativecommons.org/publicdomain/zero/1.0/ --> <!-- Testcase with a variety of 'display: flex' examples with margin-left and/or margin-right set to 'auto'. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing horizontal auto margins on flex items in a horizontal flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#auto-margins"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#auto-margins"/> <link rel="match" href="flexbox-margin-auto-horiz-1-ref.xhtml"/> <style> div.flexbox { width: 200px; height: 20px; background: lightgray; display: flex; margin-bottom: 2px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-margin-auto-horiz-2.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-margin-auto-horiz-2.xhtml @@ -4,17 +4,17 @@ http://creativecommons.org/publicdomain/zero/1.0/ --> <!-- Testcase with a variety of 'display: flex' examples with margin-top and/or margin-bottom set to 'auto' on flex items. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing vertical auto margins on flex items in a horizontal flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#auto-margins"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#auto-margins"/> <link rel="match" href="flexbox-margin-auto-horiz-2-ref.xhtml"/> <style> div.flexbox { border: 2px dotted black; display: flex; margin-bottom: 2px; width: 100px; }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1-reverse.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1-reverse.xhtml @@ -4,17 +4,17 @@ http://creativecommons.org/publicdomain/zero/1.0/ --> <!-- Testcase with borders on flex items, and "flex-direction: row-reverse" to reverse the flex container's main axis. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing borders on flex items in a row-reverse horizontal flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#layout-algorithm"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#layout-algorithm"/> <link rel="match" href="flexbox-mbp-horiz-1-reverse-ref.xhtml"/> <style> div { height: 100px; border: 0; } div.flexbox { width: 200px; font-size: 10px; display: flex; flex-direction: row-reverse;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1-rtl-reverse.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1-rtl-reverse.xhtml @@ -5,17 +5,17 @@ --> <!-- Testcase with borders on flex items, and "direction: rtl" and "flex-direction: row-reverse" to *doubly* reverse the flex container's main axis. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing borders on flex items in a row-reverse horizontal flex container, with 'direction: rtl'</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#layout-algorithm"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#layout-algorithm"/> <link rel="match" href="flexbox-mbp-horiz-1-ref.xhtml"/> <style> div { height: 100px; border: 0; } div.flexbox { width: 200px; font-size: 10px; display: flex; flex-direction: row-reverse;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1-rtl.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1-rtl.xhtml @@ -4,17 +4,17 @@ http://creativecommons.org/publicdomain/zero/1.0/ --> <!-- Testcase with borders on flex items, and "direction: rtl" to reverse the flex container's main axis. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing borders on flex items in a horizontal flex container with 'direction: rtl'</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#layout-algorithm"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#layout-algorithm"/> <link rel="match" href="flexbox-mbp-horiz-1-reverse-ref.xhtml"/> <style> div { height: 100px; border: 0; } div.flexbox { width: 200px; font-size: 10px; display: flex; direction: rtl;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-1.xhtml @@ -3,17 +3,17 @@ Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <!-- Testcase with borders on flex items. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing borders on flex items in a horizontal flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#layout-algorithm"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#layout-algorithm"/> <link rel="match" href="flexbox-mbp-horiz-1-ref.xhtml"/> <style> div { height: 100px; border: 0; } div.flexbox { width: 200px; font-size: 10px; display: flex; }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-2a.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-2a.xhtml @@ -3,17 +3,17 @@ Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <!-- Testcase with margin/border on flex items. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing margins and borders on flex items in a horizontal flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#layout-algorithm"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#layout-algorithm"/> <link rel="match" href="flexbox-mbp-horiz-2-ref.xhtml"/> <style> div { height: 100px; border: 0; } div.flexbox { width: 200px; font-size: 10px; display: flex; }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-2b.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-2b.xhtml @@ -6,17 +6,17 @@ <!-- Testcase with margin/border/padding on flex items. (NOTE: This renders the same as the "-2a" variant, which lacks padding, because we've just replaced some of the "-2a" variant's content-box area with padding-box area in this test.) --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing margins, borders, and padding on flex items in a horizontal flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#layout-algorithm"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#layout-algorithm"/> <link rel="match" href="flexbox-mbp-horiz-2-ref.xhtml"/> <style> div { height: 100px; border: 0; } div.flexbox { width: 200px; font-size: 10px; display: flex; }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-3-reverse.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-3-reverse.xhtml @@ -3,17 +3,17 @@ Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <!-- Testcase with border/padding on a row-reverse flex container and on its children --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing borders and padding on a row-reverse horizontal flex container and its flex items</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#layout-algorithm"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#layout-algorithm"/> <link rel="match" href="flexbox-mbp-horiz-3-reverse-ref.xhtml"/> <style> div { height: 20px; border: 0; } div.flexbox { width: 200px; display: flex; flex-direction: row-reverse; margin-bottom: 2px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-3.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-3.xhtml @@ -3,17 +3,17 @@ Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <!-- Testcase with border/padding on a flex container and on its children --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing borders and padding on a horizontal flex container and its flex items</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#layout-algorithm"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#layout-algorithm"/> <link rel="match" href="flexbox-mbp-horiz-3-ref.xhtml"/> <style> div { height: 20px; border: 0; } div.flexbox { width: 200px; display: flex; margin-bottom: 2px; }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-4.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-4.xhtml @@ -7,17 +7,17 @@ says that percentage values on padding/margin-top and -bottom should be resolved against the flex container's height (not its width, as would be the case in a block). --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing percent-valued padding and margin on flex items</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#layout-algorithm"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#layout-algorithm"/> <link rel="match" href="flexbox-mbp-horiz-4-ref.xhtml"/> <style> div { border: 0; } div.flexbox { width: 200px; display: flex; margin-bottom: 2px; border: 1px dotted black;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-1.html +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-1.html @@ -4,17 +4,17 @@ http://creativecommons.org/publicdomain/zero/1.0/ --> <!-- This testcase checks that we correctly handle the "overflow" property on a horizontal flex container. --> <html> <head> <title>CSS Test: Testing 'overflow' property on a horizontal flex container, with contents not overflowing</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#flex-containers"> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#flex-containers"> <link rel="match" href="flexbox-overflow-horiz-1-ref.html"> <style> .flexContainer { background: purple; display: flex; width: 70px; height: 70px; float: left;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-2.html +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-2.html @@ -6,17 +6,17 @@ <!-- This testcase checks that we honor "align-items" on a horizontal flex container that has "overflow: hidden". We use a huge border on one of the flex items, large enough that it overflows the container, to be sure that "overflow: hidden" is actually applying. --> <html> <head> <title>CSS Test: Testing 'overflow' property on a horizontal flex container, with 'align-items: center'</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#flex-containers"> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#flex-containers"> <link rel="match" href="flexbox-overflow-horiz-2-ref.html"> <style> .flexContainer { background: purple; display: flex; align-items: center; width: 70px; height: 70px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-3.html +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-horiz-3.html @@ -6,17 +6,17 @@ <!-- This testcase checks that we honor "justify-content" on a horizontal flex container that has "overflow:hidden". We use a large flex item, large enough that it overflows the container, to be sure that "overflow: hidden" is actually applying. --> <html> <head> <title>CSS Test: Testing 'overflow' property on a horizontal flex container, with 'justify-content: space-around'</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#flex-containers"> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#flex-containers"> <link rel="match" href="flexbox-overflow-horiz-3-ref.html"> <style> .flexContainer { background: purple; display: flex; justify-content: space-around; width: 70px; height: 70px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-1.html +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-1.html @@ -4,17 +4,17 @@ http://creativecommons.org/publicdomain/zero/1.0/ --> <!-- This testcase checks that we correctly handle the "overflow" property on a vertical flex container with overflowing contents. --> <html> <head> <title>CSS Test: Testing 'overflow' property on a vertical flex container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#flex-containers"> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#flex-containers"> <link rel="match" href="flexbox-overflow-vert-1-ref.html"> <style> .flexContainer { background: purple; display: flex; flex-direction: column; width: 70px; height: 70px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-2.html +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-2.html @@ -6,17 +6,17 @@ <!-- This testcase checks that we honor "align-items" on a vertical flex container that has "overflow: hidden". We use a huge border on one of the flex items, large enough that it overflows the container, to be sure that "overflow: hidden" is actually applying. --> <html> <head> <title>CSS Test: Testing 'overflow' property on a vertical flex container, with 'align-items: center'</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#flex-containers"> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#flex-containers"> <link rel="match" href="flexbox-overflow-vert-2-ref.html"> <style> .flexContainer { background: purple; display: flex; flex-direction: column; align-items: center; width: 70px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-3.html +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-3.html @@ -6,17 +6,17 @@ <!-- This testcase checks that we honor "justify-content" on a vertical flex container that has "overflow:hidden". We use a large flex item, large enough that it overflows the container, to be sure that "overflow: hidden" is actually applying. --> <html> <head> <title>CSS Test: Testing 'overflow' property on a vertical flex container, with 'justify-content: space-around'</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#flex-containers"> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#flex-containers"> <link rel="match" href="flexbox-overflow-vert-3-ref.html"> <style> .flexContainer { background: purple; display: flex; flex-direction: column; justify-content: space-around; width: 70px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-paint-ordering-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-paint-ordering-1.xhtml @@ -4,17 +4,17 @@ http://creativecommons.org/publicdomain/zero/1.0/ --> <!-- Testcase with flex items containing overlapping content, to test their paint-order. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing the paint-order of overlapping flex items, with varying tweaks on the container</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#painting"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#painting"/> <link rel="match" href="flexbox-paint-ordering-1-ref.xhtml"/> <style> body { line-height: 0; } .container { width: 40px; height: 14px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-paint-ordering-2.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-paint-ordering-2.xhtml @@ -5,17 +5,17 @@ --> <!-- Testcase with flex items containing overlapping content, with "order" and "z-index" set on some of them, to test how that affects paint-order. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing the paint-order of overlapping flex items with 'order' and 'z-index' set</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#painting"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#painting"/> <link rel="match" href="flexbox-paint-ordering-2-ref.xhtml"/> <style> body { line-height: 0; } .flexbox { display: inline-flex;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-horiz-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-horiz-1.xhtml @@ -6,17 +6,17 @@ <!-- This testcase checks how "min-width" and "max-width" affect the sizing of horizontal flex containers that have no explicit "width" property. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing sizing of an auto-sized horizontal flex container with min-width and max-width constraints</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/"/> <link rel="match" href="flexbox-sizing-horiz-1-ref.xhtml"/> <style> div { height: 10px; } div.flexbox { border: 1px dashed blue; font-size: 10px; display: flex; margin-bottom: 2px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-horiz-2.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-horiz-2.xhtml @@ -6,17 +6,17 @@ <!-- This testcase checks how "min-height" and "max-height" affect the sizing of horizontal flex containers that have no explicit "height" property. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing sizing of an auto-sized horizontal flex container with min-height and max-height constraints</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/"/> <link rel="match" href="flexbox-sizing-horiz-2-ref.xhtml"/> <style> div { width: 200px; } div.flexbox { border: 1px dashed blue; background: lightgreen; font-size: 10px; display: flex;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-vert-1.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-vert-1.xhtml @@ -6,17 +6,17 @@ <!-- This testcase checks how "min-height" and "max-height" affect the sizing of vertical flex containers that have no explicit "height" property. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing sizing of an auto-sized vertical flex container with min-height and max-height constraints</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/"/> <link rel="match" href="flexbox-sizing-vert-1-ref.xhtml"/> <style> div { width: 10px; } div.flexbox { float: left; border: 1px dashed blue; font-size: 10px; display: flex;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-vert-2.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-sizing-vert-2.xhtml @@ -6,17 +6,17 @@ <!-- This testcase checks how "min-width" and "max-width" affect the sizing of vertical flex containers that have no explicit "width" property. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing sizing of an auto-sized vertical flex container with min-width and max-width constraints</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/"/> <link rel="match" href="flexbox-sizing-vert-2-ref.xhtml"/> <style> div { height: 100px; } div.flexbox { float: left; border: 1px dashed blue; background: lightgreen; font-size: 10px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-table-fixup-1a.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-table-fixup-1a.xhtml @@ -8,17 +8,17 @@ table-fixup. We use justify-content:space-between to stick packing space between flex items, so that we can verify that e.g. a contiguous run of <td>s will end up in the same flex item (wrapped in a table). --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing that table cells in a flex container get an anonymous table wrapper that forms the flex item</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#flex-items"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#flex-items"/> <link rel="match" href="flexbox-table-fixup-1-ref.xhtml"/> <style> div.flexbox { border: 1px dashed blue; width: 200px; display: flex; justify-content: space-around; }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-table-fixup-1b.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-table-fixup-1b.xhtml @@ -14,17 +14,17 @@ don't themselves form flex items. The flex property _is_ honored on the <div class="c">, though, because _its_ box _is_ a direct child of a flexbox, so it _is_ a flex item. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Testing that the 'flex' shorthand has no effect on table cells in a flex container, since they aren't flex items</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#flex-items"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#flex-items"/> <link rel="match" href="flexbox-table-fixup-1-ref.xhtml"/> <style> div.flexbox { border: 1px dashed blue; width: 200px; display: flex; justify-content: space-around; }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-whitespace-handling-1a.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-whitespace-handling-1a.xhtml @@ -13,17 +13,17 @@ The test also uses 'justify-content: space-around' to be sure we can tell whether anonymous flex items are being created around the whitespace (since they'd claim a share of the packing space if they were there). --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Test that anonymous flex items aren't created for pure-whitespace inline content</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#flex-items"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#flex-items"/> <link rel="match" href="flexbox-whitespace-handling-1-ref.xhtml"/> <style> div { height: 100px; } div.flexbox { white-space: pre; border: 1px dashed blue; width: 200px; display: flex;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-whitespace-handling-1b.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-whitespace-handling-1b.xhtml @@ -9,17 +9,17 @@ doing things right). --> <!-- XXXdholbert Does this testcase add value? (Maybe it should be an alternate reference case.) --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Test that flex items are created correctly</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#flex-items"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#flex-items"/> <link rel="match" href="flexbox-whitespace-handling-1-ref.xhtml"/> <style> div { height: 100px; } div.flexbox { border: 1px dashed blue; width: 200px; display: flex; justify-content: space-around;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-whitespace-handling-2.xhtml +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-whitespace-handling-2.xhtml @@ -7,17 +7,17 @@ This test verifies that we preserve whitespace at the beginning & end of anonymous flex items (using "white-space: pre" so that it actually occupies space and affects the rendering). --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Test: Test that whitespace is preserved at the edges of anonymous flex items if 'white-space: pre' is set</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#flex-items"/> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#flex-items"/> <link rel="match" href="flexbox-whitespace-handling-2-ref.xhtml"/> <link rel="stylesheet" type="text/css" href="support/ahem.css" /> <style> div { height: 100px; } div.flexbox { white-space: pre; border: 1px dashed blue; width: 200px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-1.html +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-1.html @@ -6,17 +6,17 @@ <!-- Testcase to ensure we handle ::before and ::after pseudo-elements on a flex container and treat them as flex items (e.g. honoring "align-self", and not merging them into anonymous flex items formed around text). --> <html> <head> <title>CSS Test: Testing that generated content nodes are treated as a flex items</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#flex-items"> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#flex-items"> <link rel="match" href="flexbox-with-pseudo-elements-1-ref.html"> <meta charset="utf-8"> <style> .flexContainer { display: flex; align-items: flex-end; justify-content: space-between; height: 50px;
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-2.html +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-2.html @@ -5,17 +5,17 @@ --> <!-- Testcase to ensure we handle ::before and ::after pseudo-elements on a flex container and treat them as flex items (e.g. honoring "order"). --> <html> <head> <title>CSS Test: Testing that generated content nodes are treated as a flex items, and honor 'order'</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#flex-items"> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#flex-items"> <link rel="match" href="flexbox-with-pseudo-elements-2-ref.html"> <meta charset="utf-8"> <style> .flexContainer { display: flex; margin-bottom: 2px; background: lightgray; }
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-3.html +++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-with-pseudo-elements-3.html @@ -10,17 +10,17 @@ Note that we *don't* treat the table row or cell frames themselves as flex items, because they get wrapped in an anonymous table box, and *that* is the flex item. So, "align-self" and "order" have no effect on the row/cell. --> <html> <head> <title>CSS Test: Testing that generated content nodes with table-part display types are wrapped with an anonymous table, which forms a flex item</title> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> - <link rel="help" href="http://dev.w3.org/csswg/css-flexbox/#flex-items"> + <link rel="help" href="http://www.w3.org/TR/css3-flexbox/#flex-items"> <link rel="match" href="flexbox-with-pseudo-elements-3-ref.html"> <meta charset="utf-8"> <style> .flexContainer { display: flex; align-items: flex-end; justify-content: space-between; height: 50px;