Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-gaps/flex/fragmentation/flex-gap-decorations-fragmentation-023-crash.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>Crash test: gap-rule decorations in a fragmented column-flex container with a skipped line</title>
<link rel="author" title="Javier Contreras" href="mailto:javiercon@microsoft.com">
<style>
.multi-column {
column-count: 6;
column-gap: 1px;
width: 700px;
height: 60px;
}
#flexbox {
display: flex;
flex-direction: column;
flex-wrap: wrap;
width: 500px;
height: 200px;
column-gap: 3px;
column-rule: 3px solid green;
row-gap: 3px;
row-rule: 3px solid gold;
}
#flexbox > div {
width: 80px;
}
</style>
<div class="multi-column">
<div id="flexbox">
<div style="height: 400px;"></div>
<div style="height: 15px;"></div>
<div style="height: 15px;"></div>
<div style="height: 180px;"></div>
<div style="height: 15px;"></div>
<div style="height: 90px;"></div>
<div style="height: 90px;"></div>
</div>
</div>