823046 - blockquote and list text does not indent properly when floating around image

Status: RESOLVED DUPLICATE of bug 57882

(Core :: Layout, defect)

Description

[samuel]

Attachment: test page with the problem. Needs rosebits.jpg file

User Agent: Mozilla/5.0 (X11; Linux i686) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.64 Safari/537.11

Steps to reproduce:

blockquote or list to the right of a left-floated image


Actual results:

does not shift to the right until the image hits the text. then hugs the image. bullets in OL lists are eaten.\


Expected results:

text should float to the right of the image with indentation intact.  bullets should show properly
see http://www.bcgreen.com/indent-test/test.html  for a simple example
http://en.wikipedia.org/w/index.php?title=User:Darkonc/sandbox&oldid=528766976    for a wikipedia page showing the problem.

Comment 1

[Boris Zbarsky [:bzbarsky]]

WebKit and Presto have the same behavior, unsurprisingly, since that's what the spec calls for in this case as far as I can tell...  So what exactly is the bug?

Comment 2

[samuel]

Seriously?  Eating list tags is *designed* behavior?  WHY?!

Comment 3

[Boris Zbarsky [:bzbarsky]]

The problem is that list indents are implemented via padding on a block.  But floats overlap blocks, so they just end up overlapping the indent.  You can see this by putting a background on the <ul> in both this case and a case without the floats.

So it's not any sort of malicious thing involving lists, just a matter of how floats work in CSS and how list indents are implemented....  I agree in this one specific case the interaction is not great.

Comment 4

[Hallvord R. M. Steen [:hallvors]]

Indeed, all browsers I tested do this.

Comment 5

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

We could still do something better, at least as an option.