mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-09-23 17:58:59 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

LibWeb: Fix min-width and max-width resolution for grid items

Browse source 
Change try_compute_width() to check whether min-width/max-width or width
is auto instead of always using `computed_values.width()`.

`grid/min-max-content.html` test is affected but it's progression.
This commit is contained in:
Aliaksandr Kalenik 2024-09-13 00:05:43 +02:00 • committed by Andreas Kling
commit de3c007d79
Notes: github-actions[bot] 2024-09-13 10:00:41 +00:00
4 changed files with 50 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

20
Tests/LibWeb/Layout/input/grid/item-with-percentage-max-width.html Normal file
View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<style>
.grid-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
width: 500px;
background-color: #fff;
padding: 20px;
border: 1px solid black;
}
.grid-item {
background-color: #87ceeb;
padding: 20px;
text-align: center;
font-size: 20px;
max-width: 50%;
}
</style><div class="grid-container"><div class="grid-item">One</div><div class="grid-item">Two</div></div>