Bug 109737

Summary:

Content below div shows through along two of its edges

Product:

WebKit

Reporter:

Gabriel Schulhof <gabriel.schulhof>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED FIXED

Severity:

Normal

CC:

ap, robert

Priority:

Version:

528+ (Nightly build)

Hardware:

Unspecified

OS:

Unspecified

URL:

http://jsbin.com/exopib/1/edit

Attachments:

Description	Flags
Web page illustrating rendering error.	none
Example of incorrect rendering	none
Incorrect rendering corrected by hand by modifying the screenshot using the Gimp	none
As rendered by Firefox 18.0.2	none

Gabriel Schulhof

Reported 2013-02-13 12:57:22 PST

Created attachment 188156 [details] Web page illustrating rendering error. If you look at the attached Web page you will see that, although the inner div is placed such that it's supposed to fill the outer div completely, because of the outer div's border the ensemble is rendered as if there was a gap along two of the edges of the outer div. If you unset the border on the outside div, it renders correctly. I have seen this problem with Mozilla/5.0 (X11; Linux i686) AppleWebKit/537.17 (KHTML, like Gecko) Chrome/24.0.1312.69 Safari/537.17

Attachments
Web page illustrating rendering error. (618 bytes, text/html) 2013-02-13 12:57 PST, Gabriel Schulhof	no flags	Details
Example of incorrect rendering (11.70 KB, image/png) 2013-02-15 00:55 PST, Gabriel Schulhof	no flags	Details
Incorrect rendering corrected by hand by modifying the screenshot using the Gimp (11.68 KB, image/png) 2013-02-15 00:56 PST, Gabriel Schulhof	no flags	Details
As rendered by Firefox 18.0.2 (8.50 KB, image/png) 2013-02-15 00:57 PST, Gabriel Schulhof	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Alexey Proskuryakov

Comment 1 2013-02-14 13:30:40 PST

Testing in Safari on Mac, I'm seeing different behavior in 6.0.2 and in current nightly. This might be fixed already. Can you please attach a screenshot with the issue, and also one for expected rendering?

Gabriel Schulhof

Comment 2 2013-02-15 00:55:53 PST

Created attachment 188502 [details] Example of incorrect rendering

Gabriel Schulhof

Comment 3 2013-02-15 00:56:50 PST

Created attachment 188503 [details] Incorrect rendering corrected by hand by modifying the screenshot using the Gimp

Gabriel Schulhof

Comment 4 2013-02-15 00:57:48 PST

Created attachment 188504 [details] As rendered by Firefox 18.0.2

Gabriel Schulhof

Comment 5 2013-02-15 01:03:45 PST

Mozilla/5.0 (X11; Linux i686) AppleWebKit/537.17 (KHTML, like Gecko) Chrome/24.0.1312.70 Safari/537.17 Still has the issue.

Robert Hogan

Comment 6 2013-05-19 10:17:02 PDT

This is a subpixel layout issue I'd say - I can only reproduce it with a zoom of 150% or so.

Gabriel Schulhof

Comment 7 2013-05-22 12:50:37 PDT

This issue is fixed in the latest version of Chrome (27.0.1453.93).

Note You need to log in before you can comment on or make changes to this bug.