Bug 121347
| Summary: | REGRESSION: Display:table no longer produces table-like layout | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Pokey <webmasters> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| Severity: | Major | CC: | ahmad.saleem792, ap, rniwa, zalan |
| Priority: | P1 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | Mac | ||
| OS: | OS X 10.8 | ||
Pokey
This code snippet (just paste into Snippet Editor):
<div style="background:#ddd;width:100%;padding:15px;display:table;">Hello</div>
Produces different results in WebKit 528 and in Safari 6.0.5. In WebKit the div incorrectly protrudes passed the right edge of the window.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Pokey
This problem needs to be addressed quickly as it now appears in Safari 6.1 seed 8 and promises to break the layout of existing sites, when Safari 6.1 goes public.
Ahmad Saleem
By turning the following test case from Comment 01:
Link - https://jsfiddle.net/hrzefudp/show
All browsers (Chrome Canary 104 and Firefox Nightly 103) including Safari 15.5 on macOS 12.4 behaves same and "grey" field pass over the right edge of the window.
If I am testing it wrong, please retest accordingly. Else I think this can be marked as "RESOLVED INVALID" since all browsers are behaving same. Thanks!
Alexey Proskuryakov
Not sure if this got fixed in the meanwhile, or this the change was actually a progression. Given that all browsers match, there isn't any fix to make at this point.
zalan
This looks like a progression to me.