[Webkit-unassigned] [Bug 42074] New: Layout problem with HTML5 menu item

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=42074

           Summary: Layout problem with HTML5 menu item
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
               URL: http://alexandre.alapetite.fr/divers/vrac/20100712-HTM
                    L5-menu-li.html
        OS/Version: Windows 7
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: alexandre at alapetite.fr


Created an attachment (id=61216)
 --> (https://bugs.webkit.org/attachment.cgi?id=61216)
Screenshot of the padding bug in Webkit for list items in HTML5 menu

Hello,
In HTML5, not only UL and OL elements can contain some LI, but also the new MENU element.
The styling of LI inside a MENU is buggy, possibly due to a padding-start value that cannot be overridden.
In the case of MENU, there is an additional unwanted margin that cannot be overridden by setting a margin, padding, or even -webkit-padding-start to zero.

See test case:
http://alexandre.alapetite.fr/divers/vrac/20100712-HTML5-menu-li.html

Problem confirmed on 2010-07-12 with Webkit SVN-r62608, Safari 5.0.7533.16, Chrome 6.0.458.1.

No problem in Opera 10.60, Firefox 3.6.6, Minefield 4.0b2pre 64-bit, Internet Explorer 9.0.7874.6000 (and IE 5-8 with proper HTML5 hack).

Please note that replacing MENU by a DIV gives the exact same rendering.

Best regards,
Alexandre
http://alexandre.alapetite.fr

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.