From eb33094f573954e2cb016719228eeaf6d73ad1af Mon Sep 17 00:00:00 2001 From: Christian Biesinger Date: Thu, 28 Jan 2021 06:05:23 -0800 Subject: [PATCH] [css-grid] Correctly stretch a replaced element in both axes As discussed in https://github.com/w3c/csswg-drafts/issues/5713 Change-Id: I90c8bd9c5516d11cae6798d7d7cb6c679e166994 --- .../replaced-alignment-with-aspect-ratio-004.html | 10 ++++++++++ .../replaced-alignment-with-aspect-ratio-005.html | 10 ++++++++++ .../replaced-alignment-with-aspect-ratio-006.html | 10 ++++++++++ .../replaced-alignment-with-aspect-ratio-007.html | 10 ++++++++++ .../replaced-alignment-with-aspect-ratio-008.html | 10 ++++++++++ .../replaced-alignment-with-aspect-ratio-009.html | 10 ++++++++++ css/css-grid/alignment/support/25x50-green.png | Bin 0 -> 99 bytes css/css-grid/alignment/support/50x50-green.png | Bin 0 -> 205 bytes lint.ignore | 3 +++ 9 files changed, 63 insertions(+) create mode 100644 css/css-grid/alignment/replaced-alignment-with-aspect-ratio-004.html create mode 100644 css/css-grid/alignment/replaced-alignment-with-aspect-ratio-005.html create mode 100644 css/css-grid/alignment/replaced-alignment-with-aspect-ratio-006.html create mode 100644 css/css-grid/alignment/replaced-alignment-with-aspect-ratio-007.html create mode 100644 css/css-grid/alignment/replaced-alignment-with-aspect-ratio-008.html create mode 100644 css/css-grid/alignment/replaced-alignment-with-aspect-ratio-009.html create mode 100644 css/css-grid/alignment/support/25x50-green.png create mode 100644 css/css-grid/alignment/support/50x50-green.png diff --git a/css/css-grid/alignment/replaced-alignment-with-aspect-ratio-004.html b/css/css-grid/alignment/replaced-alignment-with-aspect-ratio-004.html new file mode 100644 index 000000000000000..437b379332e90ab --- /dev/null +++ b/css/css-grid/alignment/replaced-alignment-with-aspect-ratio-004.html @@ -0,0 +1,10 @@ + + + + + +

Test passes if there is a filled green square and no red.

+ +
+ +
diff --git a/css/css-grid/alignment/replaced-alignment-with-aspect-ratio-005.html b/css/css-grid/alignment/replaced-alignment-with-aspect-ratio-005.html new file mode 100644 index 000000000000000..b14c45d0c2d9cb9 --- /dev/null +++ b/css/css-grid/alignment/replaced-alignment-with-aspect-ratio-005.html @@ -0,0 +1,10 @@ + + + + + +

Test passes if there is a filled green square and no red.

+ +
+ +
diff --git a/css/css-grid/alignment/replaced-alignment-with-aspect-ratio-006.html b/css/css-grid/alignment/replaced-alignment-with-aspect-ratio-006.html new file mode 100644 index 000000000000000..ed14e36057948ad --- /dev/null +++ b/css/css-grid/alignment/replaced-alignment-with-aspect-ratio-006.html @@ -0,0 +1,10 @@ + + + + + +

Test passes if there is a filled green square and no red.

+ +
+ +
diff --git a/css/css-grid/alignment/replaced-alignment-with-aspect-ratio-007.html b/css/css-grid/alignment/replaced-alignment-with-aspect-ratio-007.html new file mode 100644 index 000000000000000..0c841c7654c237d --- /dev/null +++ b/css/css-grid/alignment/replaced-alignment-with-aspect-ratio-007.html @@ -0,0 +1,10 @@ + + + + + +

Test passes if there is a filled green square and no red.

+ +
+ +
diff --git a/css/css-grid/alignment/replaced-alignment-with-aspect-ratio-008.html b/css/css-grid/alignment/replaced-alignment-with-aspect-ratio-008.html new file mode 100644 index 000000000000000..9227332851a46f5 --- /dev/null +++ b/css/css-grid/alignment/replaced-alignment-with-aspect-ratio-008.html @@ -0,0 +1,10 @@ + + + + + +

Test passes if there is a filled green square and no red.

+ +
+ +
diff --git a/css/css-grid/alignment/replaced-alignment-with-aspect-ratio-009.html b/css/css-grid/alignment/replaced-alignment-with-aspect-ratio-009.html new file mode 100644 index 000000000000000..ff721b8f19b4c2c --- /dev/null +++ b/css/css-grid/alignment/replaced-alignment-with-aspect-ratio-009.html @@ -0,0 +1,10 @@ + + + + + +

Test passes if there is a filled green square and no red.

+ +
+ +
diff --git a/css/css-grid/alignment/support/25x50-green.png b/css/css-grid/alignment/support/25x50-green.png new file mode 100644 index 0000000000000000000000000000000000000000..6ab02fce0fa9b708880d4dbb2dc2b927fd30f59b GIT binary patch literal 99 zcmeAS@N?(olHy`uVBq!ia0vp^l0a<4!2~4L9y~t?q_jL;978;gzdd6p$iTqCvf%m? wx9u&@Sr}LNtSfm`v@=F;`st@2>iX-g3G*19Z2kH*9jJ@J)78&qol`;+08hdq1poj5 literal 0 HcmV?d00001 diff --git a/css/css-grid/alignment/support/50x50-green.png b/css/css-grid/alignment/support/50x50-green.png new file mode 100644 index 0000000000000000000000000000000000000000..6c1406b7dfd7c59f413a183c8896b8c2b3395bf5 GIT binary patch literal 205 zcmeAS@N?(olHy`uVBq!ia0vp^Mj*_=1SBWM%0B~AjKx9jP7LeL$-D$|I14-?iy0WW zg+Z8+Vb&Z8pdfpRr>`sf9WH)xT{B-MmIk1ZWQl7;iF1B#Zfaf$gL6@8Vo7R>LV0FM zhJw4NZ$Nk>pEyvFm8XkiNW|f{=NNez7&w?0WEU-tb~g8LNG%FbkHQ1yM{&=0V|bFd SsqZY%6b4UMKbLh*2~7Zf#5OPh literal 0 HcmV?d00001 diff --git a/lint.ignore b/lint.ignore index 0c12d66c04586cf..e296376fb69cdef 100644 --- a/lint.ignore +++ b/lint.ignore @@ -613,6 +613,9 @@ CSS-COLLIDING-SUPPORT-NAME: css/css-backgrounds/support/50x50-green.png CSS-COLLIDING-SUPPORT-NAME: css/css-grid/grid-items/support/50x50-green.png CSS-COLLIDING-SUPPORT-NAME: css/CSS2/support/50x50-green.png CSS-COLLIDING-SUPPORT-NAME: css/CSS2/ui/support/animated.gif +CSS-COLLIDING-SUPPORT-NAME: css/css-grid/alignment/support/50x50-green.png +CSS-COLLIDING-SUPPORT-NAME: css/css-grid/alignment/support/25x50-green.png +CSS-COLLIDING-SUPPORT-NAME: css/css-grid/grid-items/support/25x50-green.png CSS-COLLIDING-SUPPORT-NAME: css/CSS2/backgrounds/support/animated.gif CSS-COLLIDING-SUPPORT-NAME: css/css-shapes/shape-outside/shape-image/support/animated.gif CSS-COLLIDING-SUPPORT-NAME: css/css-display/support/util.js