From 39d7256458cf316cdf1d1b258ebd5dfa16119f6c Mon Sep 17 00:00:00 2001 From: Christian Biesinger Date: Wed, 27 Jan 2021 11:20:18 -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 8 files changed, 60 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..0793aea12b9fbe --- /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..18aa2c94cf5f85 --- /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