mirror of
https://github.com/RGBCube/serenity
synced 2025-07-25 15:17:36 +00:00
LibWeb: Fix bogus min/max-height for box-sizing:border-box flex items
When resolving these constraints to CSS pixel sizes, we have to resolve padding-top and padding-bottom against the flex container's *width*, not its height.
This commit is contained in:
parent
24d5a9d7df
commit
0ef07383e5
3 changed files with 38 additions and 2 deletions
|
@ -0,0 +1,20 @@
|
|||
<style>
|
||||
* {
|
||||
border: 1px solid black;
|
||||
}
|
||||
.flex-container {
|
||||
display: flex;
|
||||
width: 600px;
|
||||
height: 10px;
|
||||
}
|
||||
.flex-item {
|
||||
background: orange;
|
||||
box-sizing: border-box;
|
||||
min-height: 200px;
|
||||
padding-top: 10%;
|
||||
padding-bottom: 20%;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="flex-container">
|
||||
<div class="flex-item">foo</div>
|
Loading…
Add table
Add a link
Reference in a new issue