Bug 95032
| Summary: | padding inside scrollable boxes doesn't follow CSS 2.1 | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Luca Wehrstedt <luca.wehrstedt> |
| Component: | Scrolling | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| Severity: | Normal | CC: | simon.fraser |
| Priority: | P2 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | PC | ||
| OS: | Linux | ||
| See Also: | https://bugs.webkit.org/show_bug.cgi?id=236142 | ||
Luca Wehrstedt
I'm using Chromium 21.0.1180.57 (WebKit version 537.1) on Gentoo Linux x86_64.
Chromium and Firefox render this jsFiddle differently: http://jsfiddle.net/DARgK/2/
Chromium shows a white "border" (i.e. the padding) all around the gray box (i.e. div.inner), even at the bottom, even when fully scrolled down.
Firefox doesn't put the padding at the bottom, that is there isn't any "border" at the bottom event when fully scrolled down.
Another way to say it could be that Firefox allows to scroll down until the bottom of the *content*, and no more, while Chromium adds the padding-bottom to that.
Firefox changed this behavior in version 12: they say it's the correct way to render it as of CSS 2.1 (see https://bugzilla.mozilla.org/show_bug.cgi?id=748518).
If that's the case I think WebKit should fix it too.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Simon Fraser (smfr)
http://jsfiddle.net/DARgK/2/ renders the same way in all 3 major browsers now.