From f4e27a1eace61ac9a1f25c18754b29d6a7d6fd5b Mon Sep 17 00:00:00 2001 From: Christian Biesinger Date: Thu, 28 Jan 2021 07:44:32 -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 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2651651 Commit-Queue: Christian Biesinger Reviewed-by: Oriol Brufau Reviewed-by: Javier Fernandez Reviewed-by: Ian Kilpatrick Auto-Submit: Christian Biesinger Cr-Commit-Position: refs/heads/master@{#848107} --- .../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 00000000000000..437b379332e90a --- /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 00000000000000..b14c45d0c2d9cb --- /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 00000000000000..ed14e36057948a --- /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 00000000000000..0c841c7654c237 --- /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 00000000000000..9227332851a46f --- /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 00000000000000..ff721b8f19b4c2 --- /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 0c12d66c04586c..e296376fb69cde 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