diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-06-12 05:35:37 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-06-12 05:35:37 +0000 |
commit | a90a5cba08fdf6c0ceb95101c275108a152a3aed (patch) | |
tree | 532507288f3defd7f4dcf1af49698bcb76034855 /testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing | |
parent | Adding debian version 126.0.1-1. (diff) | |
download | firefox-a90a5cba08fdf6c0ceb95101c275108a152a3aed.tar.xz firefox-a90a5cba08fdf6c0ceb95101c275108a152a3aed.zip |
Merging upstream version 127.0.
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing')
4 files changed, 17 insertions, 15 deletions
diff --git a/testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing/masonry-track-sizing-check-grid-height-on-resize-ref.html b/testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing/masonry-track-sizing-check-grid-height-on-resize-ref.html index 7196886492..53447e0dad 100644 --- a/testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing/masonry-track-sizing-check-grid-height-on-resize-ref.html +++ b/testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing/masonry-track-sizing-check-grid-height-on-resize-ref.html @@ -1,16 +1,14 @@ <!DOCTYPE html> <html> - +<title>CSS Reference: Masonry grid container size changes when item sizes change</title> <head> <meta charset="utf-8"> <link rel="author" title="Brandon Stewart" href="mailto:brandonstewart@apple.com"> -<link rel="help" href="https://drafts.csswg.org/css-grid-3"> -<meta name="assert" content="When the height of an element in the grid changes, ensure the grid is properly resized"> </head> <style> grid { - display: grid; + display: inline-grid; grid-template-rows: masonry; grid-template-columns: auto; grid-gap: 10px; @@ -20,7 +18,7 @@ item1 { background-color: grey; height: 125px; - width: 250px; + width: 300px; } item2 { background-color: grey; @@ -35,4 +33,4 @@ <item2>2</item2> </grid> </body> -</html>
\ No newline at end of file +</html> diff --git a/testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing/masonry-track-sizing-check-grid-height-on-resize.html b/testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing/masonry-track-sizing-check-grid-height-on-resize.html index 06c2901f27..dbff19f28e 100644 --- a/testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing/masonry-track-sizing-check-grid-height-on-resize.html +++ b/testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing/masonry-track-sizing-check-grid-height-on-resize.html @@ -1,17 +1,18 @@ <!DOCTYPE html> -<html> +<html class="reftest-wait"> <head> <meta charset="utf-8"> +<title>CSS Test: Masonry grid container size changes when item sizes change</title> <link rel="author" title="Brandon Stewart" href="mailto:brandonstewart@apple.com"> <link rel="help" href="https://drafts.csswg.org/css-grid-3"> <link rel="match" href="masonry-track-sizing-check-grid-height-on-resize-ref.html"> -<meta name="assert" content="When the height of an element in the grid changes, ensure the grid is properly resized"> +<meta name="assert" content="Test passes if when the size of an item in the masonry grid changes, the grid container is properly resized"> </head> <style> grid { - display: grid; + display: inline-grid; grid-template-rows: masonry; grid-template-columns: auto; grid-gap: 10px; @@ -32,8 +33,11 @@ </grid> </body> <script> - /* Force a relayout */ - document.body.offsetHeight; - document.querySelector("item").style["height"] = "125px"; + document.body.offsetHeight; // Force a relayout + var gridItem = document.querySelector('item'); + gridItem.style.height = '125px'; + gridItem.style.width = '300px'; + document + document.documentElement.className = ''; </script> -</html>
\ No newline at end of file +</html> diff --git a/testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing/masonry-track-sizing-overflow-left-side-ref.html b/testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing/masonry-track-sizing-overflow-left-side-ref.html index 5a31517183..3e973b7fe7 100644 --- a/testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing/masonry-track-sizing-overflow-left-side-ref.html +++ b/testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing/masonry-track-sizing-overflow-left-side-ref.html @@ -12,7 +12,7 @@ <style> grid { display: grid; - grid-template-columns: 50px 1fr; + grid-template-columns: 100px 1fr; grid-template-rows: 50px 250px; width: 300px; height: 100px; diff --git a/testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing/masonry-track-sizing-overflow-right-side-ref.html b/testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing/masonry-track-sizing-overflow-right-side-ref.html index 51e657e2a4..eb84b2e6bd 100644 --- a/testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing/masonry-track-sizing-overflow-right-side-ref.html +++ b/testing/web-platform/tests/css/css-grid/masonry/tentative/track-sizing/masonry-track-sizing-overflow-right-side-ref.html @@ -12,7 +12,7 @@ <style> grid { display: grid; - grid-template-columns: 1fr 50px; + grid-template-columns: 1fr 100px; grid-template-rows: 1fr 50px; width: 300px; height: 100px; |