RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 01:37:36 +00:00
Code Issues Activity Actions

LibWeb: Fix grid size when intrinsically sized

Browse source 
This fixes a bug that was seen when a combination of the grid having
been floated with `float: left` and a `minmax()` column size were used.

The issue was that a grid track size should be considered intrinsically
sized if both the min and max sizes are intrinsic, not just one of them.
This commit is contained in:
martinfalisse 2023-04-23 17:03:12 +02:00 • committed by Andreas Kling
parent 9f691b7fe4
commit c987c934d0
5 changed files with 67 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

24
Tests/LibWeb/Layout/input/grid/intrinsic-sized-column.html Normal file
View file

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<style>
body {
float: left;
font-family: 'SerenitySans';
}
.grid {
display: grid;
grid-template-columns: 20px;
}
.whee {
background: pink;
}
</style>
</head>
<body>
<div class="grid">
<div class="whee" style="border: 1px solid black;">whee

18
Tests/LibWeb/Layout/input/grid/intrinsic-sized-grid.html Normal file
View file

@ -0,0 +1,18 @@
<!DOCTYPE html><html><head><style>
* {
border: 1px solid black !important;
}
body {
float: left;
font-family: 'SerenitySans';
}
.grid {
display: grid;
grid-template-areas: "foo whee";
grid-template-columns: min-content minmax(0, auto) min-content;
}
.whee {
grid-area: whee;
background: pink;
}
</style></head><body><div class="grid"><div class="whee">whee