Page MenuHomePhabricator

Lists format incorrectly when next to a "left" floated image
Closed, ResolvedPublic

Description

Author: obliquemotion

Description:
When a bulleted or numbered list (nested or otherwise) appears to the right of a "float left" image ("[[file:foo.jpg|left...]]"), the bullet symbols do not format correctly.

Here's a wikitext test case (see http://en.wikipedia.org/wiki/User:Obliquemotion/list_layout):

[[File:Quartz, Tibet.jpg|thumbnail|368px|left]]
Here is a list of things:

  • Archery
    • Bow
    • Arrow
    • Target
  • Boating
  • Curling

Are the bullet symbols to left of the rest of the text's left margin? They shouldn't be. It only happens when something floats to the left of the list (like an image or a float:left div). Also, notice the indentation of the first line of text (preceding the list).
{{clear}}
Here is the same list of things, but with nothing floating to its left:

  • Archery
    • Bow
    • Arrow
    • Target
  • Boating
  • Curling

Are the bullets (incorrectly) left of the main text?

Firefox 3.5.8 displays it incorrectly, and IE 8 is worse (symbols are clipped by the image)


Version: 1.15.x
Severity: trivial
OS: Windows Server 2003
Platform: PC
URL: http://en.wikipedia.org/wiki/User:Obliquemotion/list_layout

Details

Reference
bz22865

Event Timeline

bzimport raised the priority of this task from to Medium.Nov 21 2014, 11:07 PM
bzimport set Reference to bz22865.
bzimport added a subscriber: Unknown Object (MLST).

obliquemotion wrote:

Added test case URL.

This is normal HTML/CSS behavior. As far as I'm concerned, this was one of the worst decisions ever made in CSS. The fix is to add (for vector):

#content ul, ol {

list-style-position: inside;

}

But I'm not sure what kind of effect that might have on our existing content, nor do I know how well it is supported in browsers. Perhaps it's time to find out however. I'm rather sure there was an existing bugreport for this, but I cannot find it at this time....

  • This bug has been marked as a duplicate of bug 7353 ***