mirror of
https://github.com/RGBCube/serenity
synced 2025-10-31 13:02:45 +00:00
aa245f9f18
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.
23 lines
No EOL
558 B
HTML
23 lines
No EOL
558 B
HTML
<!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> |