1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 23:47:45 +00:00

LibWeb: Exclude borders from width available for table columns

Fix table box width calculation to minus horizonal borders from space
available for columns.
This commit is contained in:
Aliaksandr Kalenik 2023-04-29 16:27:21 +03:00 committed by Andreas Kling
parent a04316403e
commit e54ee7de96
5 changed files with 33 additions and 10 deletions

View file

@ -1,12 +1,12 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x120 children: not-inline
BlockContainer <body> at (10,10) content-size 780x102 children: not-inline
TableWrapper <(anonymous)> at (10,10) content-size 104x102 children: not-inline
TableBox <table> at (11,11) content-size 104x100 children: not-inline
TableRowGroupBox <tbody> at (11,11) content-size 104x100 children: not-inline
TableRowBox <tr> at (11,11) content-size 104x100 children: not-inline
TableCellBox <td> at (13,49.082031) content-size 100x23.835937 children: not-inline
BlockContainer <(anonymous)> at (14,50.082031) content-size 98x21.835937 children: inline
TableWrapper <(anonymous)> at (10,10) content-size 102x102 children: not-inline
TableBox <table> at (11,11) content-size 102x100 children: not-inline
TableRowGroupBox <tbody> at (11,11) content-size 102x100 children: not-inline
TableRowBox <tr> at (11,11) content-size 102x100 children: not-inline
TableCellBox <td> at (13,49.082031) content-size 98x23.835937 children: not-inline
BlockContainer <(anonymous)> at (14,50.082031) content-size 96x21.835937 children: inline
line 0 width: 0, height: 21.835937, bottom: 21.835937, baseline: 16.914062
frag 0 from TextNode start: 0, length: 0, rect: [14,50.082031 0x21.835937]
""

View file

@ -1,8 +1,8 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x293.625 children: not-inline
BlockContainer <body> at (8,8) content-size 784x277.625 children: not-inline
TableWrapper <(anonymous)> at (8,8) content-size 166.296875x66.40625 children: not-inline
TableBox <table.table-border-black> at (9,9) content-size 166.296875x64.40625 children: not-inline
TableWrapper <(anonymous)> at (8,8) content-size 164.296875x66.40625 children: not-inline
TableBox <table.table-border-black> at (9,9) content-size 164.296875x64.40625 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
TextNode <#text>
TableRowGroupBox <tbody> at (9,9) content-size 166.296875x64.40625 children: not-inline

View file

@ -0,0 +1,8 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x226 children: not-inline
BlockContainer <body> at (8,8) content-size 784x210 children: not-inline
TableWrapper <(anonymous)> at (8,8) content-size 584x210 children: not-inline
TableBox <table.table> at (108,108) content-size 584x10 children: not-inline
TableRowGroupBox <tbody> at (108,108) content-size 584x10 children: not-inline
TableRowBox <tr> at (108,108) content-size 584x10 children: not-inline
TableCellBox <td.cell> at (109,113) content-size 582x0 children: not-inline

View file

@ -0,0 +1,11 @@
<style>
.table {
width: 100%;
border: 100px solid black;
}
.cell {
height: 10px;
background-color: orange;
}
</style><table class="table"><tr><td class="cell"></td></tr></table>