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

LibWeb: Zero out margins if width is not 'auto' in BFC's compute_width

Browse source 
Reverse the condition to satisfy the spec comment. Probably a typo.
A 3 year old typo! :^)
This commit is contained in:
0GreenClover0 2023-05-05 02:58:49 +02:00 • committed by Andreas Kling
parent 0d808f6dcb
commit 8bb2663a22
3 changed files with 22 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

15
Tests/LibWeb/Layout/expected/block-and-inline/width-auto-margins-set-zero-if-containing-size-smaller.txt Normal file
View file

@ -0,0 +1,15 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x0 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 102x57.34375 positioned [BFC] children: not-inline
BlockContainer <div#container> at (11,11) content-size 100x55.34375 children: not-inline
BlockContainer <div#child> at (72,12) content-size 50x53.34375 children: inline
line 0 width: 28.40625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [72,12 28.40625x17.46875]
"well"
line 1 width: 36.84375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 5, length: 5, rect: [72,29 36.84375x17.46875]
"hello"
line 2 width: 55.359375, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 11, length: 7, rect: [72,46 55.359375x17.46875]
"friends"
TextNode <#text>

6
Tests/LibWeb/Layout/input/block-and-inline/width-auto-margins-set-zero-if-containing-size-smaller.html Normal file
View file

@ -0,0 +1,6 @@
<!doctype html><style>
* { border: 1px solid black; font-family: 'SerenitySans'; }
body { position: absolute; }
#container { width: 100px; }
#child { width: 50px; padding-left: 60px; padding-right: 60px; margin-right: auto; margin-left: auto; }
</style><body><div id="container"><div id="child">well hello friends</div>