Flex item not stretched in cross axis in specific scenario
HTML to reproduce the issue (as minimal as I could make it, almost everything here seems necessary):
<!DOCTYPE html>
<html>
<body style="display: flex; flex-direction: column; min-height: 200px">
<div style="display: flex; justify-content: center; flex-grow: 1">
<div style="background-color: lime">
hi
</div>
</div>
</body>
</html>I expect the innermost box to fill the height of its parent, which happens in every other browser I tested:
But Ladybird doesn't do that:
LadybirdBrowser / ladybird
Truly independent web browser
21.3k
Contributors get 100% of received funds after fees
How does funding with Polar work?
1
Pay now to fund the work behind this issue.
2
Get updates on progress being made.
3
Maintainer is rewarded once the issue is completed.
FAQ
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