Open
Description
cc/ #3407.
Consider this test-case:
<!doctype html>
<style>
body { margin: 0 }
#floating {
width: 25%;
float: left;
height: 100px;
background: green;
}
#content {
width: 75%;
float: left;
height: 100000px;
background: blue;
}
#container {
columns: 2;
column-gap: 0;
}
</style>
<div id="container">
<div id="floating">
</div>
<div id="content">
</div>
</div>Should there be a gap between the two columns?
Gecko floats each fragment individually, so the tall blue element's second fragment floats to the left and thus there is no gap between the two columns.
It's not clear to me what is Chromium / WebKit doing, but off-hand I'd expect Gecko's behavior.
That being said, this causes issues in Gecko when printing, when people put fixed positioned stuff inside the other floats, and fixed-positioned elements do appear in multiple pages (and thus content overlaps).
/cc @fantasai @dbaron @aethanyc @MatsPalmgren @mstensho (in case any of you have strong opinions)
A description of what Blink is doing would be useful here.