1228440 - text within div with position: absolute wraps when it shouldn't

Status: RESOLVED DUPLICATE of bug 360262

(Core :: Layout, defect)

Description

[Colin Doig]

Attachment: index.html

User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/45.0.2454.101 Chrome/45.0.2454.101 Safari/537.36

Steps to reproduce:

Within a div with position: absolute, add a div (A) which floats left and another non-floating div (B) on its right.

https://jsfiddle.net/b5gqveo4/


Actual results:

The last word of the text in div B wraps, it is not wide enough.


Expected results:

Div B should be wide enough to accommodate its text.  The text should not wrap and does not in other browsers.

Comment 1

[[:Towkir] Ahmed]

Reproduced on my developer edition, this behavior is wired. there is no reason to wrap the text as no width is set. nice catch, colin.

Comment 2

[Boris Zbarsky [:bzbarsky]]

The basic issue is that computation of the preferred intrinsic width puts the float and the text on separate lines but then layout ends up with them next to each other, so the last word no longer fits.

Per spec, the right behavior here is to do whatever.  It's totally underdefined.

This is a duplicate.  Please find the original and mark this duplicate.