New issue
Advanced search Search tips
Starred by 22 users

Issue metadata

Status: WontFix
Owner:
Closed: Mar 2015
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Bug



Sign in to add a comment

CSS display: table bug

Reported by tomekfi...@gmail.com, Nov 9 2011

Issue description

Chrome Version       : 16.0.912.32
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
URLs (if applicable) :
Other browsers tested:
Add OK or FAIL after other browsers where you have tested this issue:
     Safari 5.1: OK
     Firefox 3/4/6/7/8: OK
     IE 7/8/9: FAIL/OK/OK (IE7 failed 'by design')
     Chrome 15 OK
     Chrome 17 FAIL

What steps will reproduce the problem?
1. Create element width 'display: table' with specified width (eg. 300px)
2. Give this element padding top or bottom (top 5px).

What is the expected result?

Element with 300px width;

What happens instead?

Element with 305px width (width + padding top)


Please provide any additional information below. Attach a screenshot if
possible.

http://jsfiddle.net/8zm3F/

UserAgentString: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/535.7 (KHTML, like Gecko) Chrome/16.0.912.32 Safari/535.7


 
Clipboard02.png
121 KB View Download
Clipboard01.png
128 KB View Download
1. Create element with 'display: table' css rule and specified width (eg. 300px)

Comment 2 Deleted

http://jsfiddle.net/8zm3F/3/
evenFunnier.png
153 KB View Download
Cc: benwells@chromium.org
Labels: -Area-Undefined Area-WebKit WebKit-CSS
Status: Available
Confirmed on a mac with Chrome 17.0.932.0 and also on Safari with the webkit nightly 99757.

Comment 5 by kareng@google.com, Nov 28 2011

Owner: mikelawther@chromium.org
Status: Assigned
sending a bunch of CSS bugs your way, please just remove yourself as owner if it's not CSS.
Seems to work in latest stable. 17.0.963.46
Bug still exists with Chromium 17.0.963.56 (Developer Build 0 Linux)

Comment 8 Deleted

Similiar bug, most likely related to an attempted fix at this:
position: absolute;
top: 15px;
left: 45px;
display: table;
text-align: center;
vertical-align: middle;
width: 100px;
height: 100px;
background: no-repeat RGBA(0, 0, 0, 0.9);
border-radius: 50px;
padding-top: 28px;
box-sizing: border-box;
should create a 100x100px box, but creates a 100x72px box instead.
Project Member

Comment 10 by bugdroid1@chromium.org, Mar 10 2013

Labels: -Area-WebKit -WebKit-CSS Cr-Content Cr-Content-CSS
Project Member

Comment 11 by bugdroid1@chromium.org, Apr 6 2013

Labels: -Cr-Content Cr-Blink
Project Member

Comment 12 by bugdroid1@chromium.org, Apr 6 2013

Labels: -Cr-Content-CSS Cr-Blink-CSS
Status: Unconfirmed
The original test cases by  tomekfijol work as expected for me. Does anyone have a test case with a failure they can repro in current Chrome?

Comment 14 Deleted

No, but the issue I reported in comment #9 still exists.

http://jsfiddle.net/B3KDD/2/

Status: Fixed
The fiddle in comment #15 works correctly for me (40.0.2214.111 (Official Build) m, Windows).

I'm going to close this bug.
Status: WontFix
I can confirm that yes, the bug I reported in #9 is fixed in both Chrome version 40 and 41.

Sign in to add a comment