Bug 128294 - table-layout: fixed; sometimes calculates incorrect widths
Summary: table-layout: fixed; sometimes calculates incorrect widths
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2014-02-05 20:40 PST by James Craig
Modified: 2014-02-05 20:45 PST (History)
0 users

See Also:

Attachments
incomplete test case (8.47 KB, text/html)
2014-02-05 20:40 PST, James Craig 		no flags Details
screen shot showing layout bug in web inspector (188.37 KB, image/png)
2014-02-05 20:45 PST, James Craig 		no flags Details
View All 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 James Craig 2014-02-05 20:40:19 PST 
I discovered this while working on bug 127447, and that's the only place I can reproduce it consistently. Attaching a reduced test case that should display the error but doesn't so there's an additional factor in the cascade or DOM that I'm missing.

Consistent repro is to:

1. Wait for bug 127447 to land in TOT.
2. Add "table-layout: fixed;" to the ".details-section > .content" selector in Source/WebInspectorUI/UserInterface/DetailsSection.css
3. Display the accessibility node inspector and toggle back and forth between an element with accessibility info (e.g. img) and one with no accessibility information (eg. head or style)
Comment 1 James Craig 2014-02-05 20:40:42 PST 
Created attachment 223298 [details]
incomplete test case
Comment 2 James Craig 2014-02-05 20:45:06 PST 
Created attachment 223299 [details]
screen shot showing layout bug in web inspector

Note the defined/calculated width in the web inspector is 85px, but the rendered width is 139px. This bug is resolved once you remove "table-layout: fixed;"