mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-08-17 07:50:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

LibWeb: Only reverse each line of a reverse flex-direction

Browse source 
When a flex container with a reverse `flex-direction` is wrapped. Only
each line should be reversed, not all items.
This commit is contained in:
BenJilks 2024-09-02 13:01:18 +01:00 • committed by Andreas Kling
commit e2c1fe7255
Notes: github-actions[bot] 2024-09-02 15:43:09 +00:00
5 changed files with 139 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

24
Tests/LibWeb/Layout/input/flex/flex-row-reverse-constrained-wrap.html Normal file
View file

@ -0,0 +1,24 @@
<style>
body {
font-family: 'SerenitySans';
}
.container {
display: flex;
border: 1px solid salmon;
width: 250px;
flex-direction: row-reverse;
flex-wrap: wrap;
}
.box {
width: 100px;
height: 100px;
border: 1px solid black;
}
</style>
<div class="container">
<div class="box">1</div>
<div class="box">2</div>
<div class="box">3</div>
</div>