1149710 - before pseudo class float:right doesn't reflow properly

Status: RESOLVED DUPLICATE of bug 944200

(Core :: Layout: Floats, defect)

Description

[therealpaulgrant]

User Agent: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2272.101 Safari/537.36

Steps to reproduce:

HTML: 
<div class="box">
  <div class="content">
   This is some content that gets overlapped in Firefox
  </div>
</div>

CSS: 
.box {
  width:340px;
  background:#333;
  color:#FFF;
  padding:50px
}

.content {
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.content:before {
  content:"overlap";
  float:right;
}


Actual results:

The float:right overlaps the content. float:left works as expected.


Expected results:

should cause content to reflow.

http://codepen.io/anon/pen/bNJdvY

Comment 1

[Boris Zbarsky [:bzbarsky]]

The content is not allowed to wrap, so it can't wrap to avoid the float.  What exactly did you expect the layout to look like in this case?

Note that Chrome has a known bug with respect to the spec here: it ellipsizes text that does not actually overflow the box.  See the discussion in bug 944200.  Is this a duplicate of that one?

Comment 2

[Boris Zbarsky [:bzbarsky]]

Ah, yes, it is.