[csswg-drafts] Do fragments float independently? (#4434)

emilio has just created a new issue for https://github.com/w3c/csswg-drafts:

== Do fragments float independently? ==
cc/ https://github.com/w3c/csswg-drafts/issues/3407.

Consider this test-case:

```html
<!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](https://bugzilla.mozilla.org/show_bug.cgi?id=1559055#c0) 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.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4434 using your GitHub account

Received on Friday, 18 October 2019 21:37:44 UTC