mirror of
https://github.com/RGBCube/serenity
synced 2025-07-27 04:37:34 +00:00
LibWeb: Fix reverse flex layout with justify-content: normal
Before this change, we used the wrong insertion point for flex items in reverse layouts with `justify-content: normal`. This caused flex items to overflow the flex containers "backwards" from the start edge.
This commit is contained in:
parent
6480ed20b8
commit
aa245f9f18
3 changed files with 42 additions and 4 deletions
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html><style type="text/css">
|
||||
* {
|
||||
outline: 1px solid black;
|
||||
}
|
||||
.row {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
.column {
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
.flex {
|
||||
display: flex;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background: pink;
|
||||
justify-content: normal;
|
||||
}
|
||||
.item {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: orange;
|
||||
}
|
||||
</style><body><div class="flex row"><div class="item"></div></div><div class="flex column"><div class="item"></div></div>
|
Loading…
Add table
Add a link
Reference in a new issue