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

LibWeb/CSS: Resolve percentages in NumericCalculationNode

Browse source 
Percentages should be resolved against the provided percentage basis
instead of just returning the underlying value.

Fixes https://github.com/SerenityOS/serenity/issues/22654
This commit is contained in:
Aliaksandr Kalenik 2024-01-08 15:11:55 +01:00 • committed by Sam Atkins
parent 5e7e98cd3c
commit 3f52d6045a
3 changed files with 33 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
Tests/LibWeb/Layout/expected/css-values/calc-min-with-percentage.txt Normal file
View file

@ -0,0 +1,9 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x116 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 500x100 children: not-inline
BlockContainer <div> at (8,8) content-size 100x100 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x116]
PaintableWithLines (BlockContainer<BODY>) [8,8 500x100]
PaintableWithLines (BlockContainer<DIV>) [8,8 100x100]

13
Tests/LibWeb/Layout/input/css-values/calc-min-with-percentage.html Normal file
View file

@ -0,0 +1,13 @@
<!doctype html><style>
* {
outline: 1px solid black;
}
body {
width: 500px;
}
div {
width: min(100px, 50%);
height: 100px;
background: orange;
}
</style><body><div>