Table row heights in percentages are inconsistent with other browsers.
Summary
The table height layout algorithms in CSS 2 say that CSS 2 does not specify what to do when the height is given as a percentage.
Despite that, both Firefox and Chrome agree on a behavior.
(I think they treat a percentage height as 0?)
This breaks https://www.psxdev.net/ in Ladybird.
Operating system
Linux
Steps to reproduce
- Open this in both Ladybird and Firefox or Chrome:
<!DOCTYPE html>
<style>
td {
background-color: black;
}
</style>
<table width="100%">
<tr height="100%">
<td>
<img src="http://psxdev.net/images/site/psxdev.gif"/>
</td>
</tr>
<tr height="500%">
</tr>
</table>- Observe the difference.
Expected behavior
Ideally, Ladybird would follow whatever behavior the other browsers have here, especially since this causes breakages on real websites.
Actual behavior
Ladybird does something different from the other browsers.
URL for a reduced test case
HTML/SVG/etc. source for a reduced test case
<!DOCTYPE html>
<style>
td {
background-color: black;
}
</style>
<table width="100%">
<tr height="100%">
<td>
<img src="http://psxdev.net/images/site/psxdev.gif"/>
</td>
</tr>
<tr height="500%">
</tr>
</table>Log output and (if possible) backtrace
None?Screenshots or screen recordings
The reduced test case in Firefox:
The reduced test case in Ladybird:
Build flags or config settings
No response
Contribute a patch?
- I’ll contribute a patch for this myself.
How does funding with Polar work?
Pay now to fund the work behind this issue.
Get updates on progress being made.
Maintainer is rewarded once the issue is completed.
Backer
You're funding impactful open source efforts
Contributor
You want to contribute to this effort
Maintainer
You want to get funding like this too