Bug 121347 - REGRESSION: Display:table no longer produces table-like layout
Summary: REGRESSION: Display:table no longer produces table-like layout
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac OS X 10.8
: P1 Major
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2013-09-13 23:15 PDT by Pokey
Modified: 2022-06-12 15:44 PDT (History)
4 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Pokey 2013-09-13 23:15:11 PDT 
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.
Comment 1 Pokey 2013-09-17 10:52:32 PDT 
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.
Comment 2 Ahmad Saleem 2022-06-10 16:28:42 PDT 
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!
Comment 3 Alexey Proskuryakov 2022-06-12 15:27:03 PDT 
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.
Comment 4 zalan 2022-06-12 15:44:03 PDT 
This looks like a progression to me.