eliott/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird synced 2026-04-27 18:17:22 +02:00
Code Issues Packages Projects Releases Wiki Activity

LibWeb: Implement "transferred size suggestion" part of GFC spec

Browse Source
This commit is contained in:
Aliaksandr Kalenik
2025-03-18 21:44:24 +01:00
committed by Jelle Raaijmakers
parent f0917ea150
commit b8fa355a21
Notes: github-actions[bot] 2025-03-19 09:22:56 +00:00 
Author: https://github.com/kalenikaliaksandr
Commit: https://github.com/LadybirdBrowser/ladybird/commit/b8fa355a213
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/3992
Reviewed-by: https://github.com/gmta ✅
8 changed files with 109 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
Tests/LibWeb/Ref/input/wpt-import/css/css-grid/grid-items/grid-minimum-size-grid-items-008.html Normal file
View File

@@ -0,0 +1,34 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="6.6. Implied Minimum Size of Grid Items">
<link rel="match" href="../../../../../expected/wpt-import/css/css-grid/grid-items/ref-filled-green-100px-square-image.html">
<meta name="flags" content="image">
<meta name="assert" content="Checks that minimum size for grid items is the specified size for height (regardless the content size) and the transferred size of the image for width (even when content size is bigger).">
<style>
#reference-overlapped-red {
position: absolute;
background-color: red;
width: 100px;
height: 100px;
z-index: -1;
}
#constrained-grid {
display: grid;
width: 10px;
height: 10px;
}
#test-grid-item-overlapping-green {
height: 100px;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="reference-overlapped-red"></div>
<div id="constrained-grid">
<img id="test-grid-item-overlapping-green" src="support/200x200-green.png" alt="Image download support must be enabled" />
</div>

37
Tests/LibWeb/Ref/input/wpt-import/css/css-grid/grid-items/grid-minimum-size-grid-items-009.html Normal file
View File

@@ -0,0 +1,37 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="6.6. Implied Minimum Size of Grid Items">
<link rel="match" href="../../../../../expected/wpt-import/css/css-grid/grid-items/ref-filled-green-100px-square-image.html">
<meta name="flags" content="image">
<meta name="assert" content="Checks that minimum size for grid items is the specified size for height (regardless the content size) and the transferred size for width of the image (even when content size is smaller).">
<style>
#reference-overlapped-red {
position: absolute;
background-color: red;
width: 100px;
height: 100px;
z-index: -1;
}
#constrained-grid {
display: grid;
width: 10px;
height: 10px;
}
.test-grid-item-overlapping-green {
height: 50px;
justify-self: stretch;
align-self: stretch;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="reference-overlapped-red"></div>
<div id="constrained-grid">
<img class="test-grid-item-overlapping-green" src="support/50x25-green.png" alt="Image download support must be enabled" />
<img class="test-grid-item-overlapping-green" src="support/50x25-green.png" alt="Image download support must be enabled" />
</div>

BIN
Tests/LibWeb/Ref/input/wpt-import/css/css-grid/grid-items/support/200x200-green.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 118 KiB

BIN
Tests/LibWeb/Ref/input/wpt-import/css/css-grid/grid-items/support/50x25-green.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 B