Bug 25017

Summary: Overlapping content on Wikipedia mobile site
Product: WebKit Reporter: David Kilzer (:ddkilzer) <ddkilzer>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED FIXED    
Severity: Normal CC: hyatt, mitz
Priority: P2 Keywords: InRadar, NeedsReduction
Version: 419.x   
Hardware: Mac   
OS: OS X 10.5   
URL: http://en.m.wikipedia.org/wiki?search=integral

Description David Kilzer (:ddkilzer) 2009-04-02 18:29:53 PDT
* SUMMARY
The page describing integrals on the Wikipedia mobile site has overlapping content.

* STEPS TO REPRODUCE
1. Launch Safari/WebKit browser.
2. Open URL:  <http://en.m.wikipedia.org/wiki?search=integral>

* RESULTS
Content overlaps.

* REGRESSION
This is not a regression.  The page renders essentially the same with Safari 2.0.4 and Safari 3.0 on Tiger 10.4.11 (8S165).

Renders as expected in Firefox 3.0.x.
Comment 1 David Kilzer (:ddkilzer) 2009-04-02 18:30:21 PDT
<rdar://problem/6752624>
Comment 2 David Kilzer (:ddkilzer) 2009-04-02 19:02:08 PDT
The key is this style in <http://en.m.wikipedia.org/stylesheets/webkit.css>:

  table[style] {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important; }

Removing "float: none !important;" (which is applied to a <table align="right"> element fixes the rendering issue.
Comment 3 David Kilzer (:ddkilzer) 2009-10-05 11:02:54 PDT
Wikipedia fixed their CSS.  This now works correctly.  Moving to RESOLVED/FIXED.