New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 658785 link

Starred by 2 users

Issue metadata

Status: Available
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 3
Type: Bug



Sign in to add a comment

css: padding-right not respected if padding-left less than 5px inside button with font-weight: medium

Reported by colin...@gmail.com, Oct 24 2016

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.71 Safari/537.36

Steps to reproduce the problem:
1. Open Chrome and Navigate to https://jsfiddle.net/5soseL45/2/
2. Open inspector and inspect the .button__text element.
3. You'll see the padding-right isn't being applied correctly.
4. Increase the padding-left by one pixel, making it 5px.
5. You'll see the padding-right is now being applied correctly.
6. Decrease the padding-left back to 4px, inspect the button element.
7. Remove font-weight: medium. You'll see the padding-right is correctly applied.

What is the expected behavior?
The right padding should be applied regardless of font-weight and padding-left values.

What went wrong?
The left padding is being affected by other values when it shouldn't be.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 54.0.2840.71  Channel: stable
OS Version: OS X 10.11.3
Flash Version: Shockwave Flash 23.0 r0
 

Comment 1 by dk...@chromium.org, Oct 24 2016

Status: Untriaged (was: Unconfirmed)
This repros for me in Version 56.0.2895.0 canary (64-bit) on mac

Comment 2 by timloh@chromium.org, Oct 25 2016

Components: -Blink>CSS Blink>Layout

Comment 3 by e...@chromium.org, Oct 25 2016

Labels: Needs-Feedback
Unable to reproduce, could you please provide a screenshot showing the correct and incorrect behaviors?

Comment 4 by colin...@gmail.com, Oct 25 2016

Adding screenshots. The number in the filename corresponds with a step listed in the first post. The way it should render is seen in 5_padding_left_greater_than_4px.png.
7_fixes_padding_right.png
40.5 KB View Download
5_padding_left_greater_than_4px.png
39.3 KB View Download
7_removing_medium_font_weight_from_button.png
32.2 KB View Download

Comment 5 by colin...@gmail.com, Oct 25 2016

One didn't upload.
3_padding_right_not_respected.png
46.6 KB View Download

Comment 6 by e...@chromium.org, Nov 2 2016

Cc: cbiesin...@chromium.org glebl@chromium.org
Labels: -Needs-Feedback
Status: Available (was: Untriaged)
Thank you!

Project Member

Comment 7 by sheriffbot@chromium.org, Nov 2 2017

Labels: Hotlist-Recharge-Cold
Status: Untriaged (was: Available)
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue.

Sorry for the inconvenience if the bug really should have been left as Available. If you change it back, also remove the "Hotlist-Recharge-Cold" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 8 by e...@chromium.org, Nov 2 2017

Status: Available (was: Untriaged)
Project Member

Comment 9 by sheriffbot@chromium.org, Nov 5

Status: Untriaged (was: Available)
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue.

Sorry for the inconvenience if the bug really should have been left as Available.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Labels: -Pri-2 Pri-3
Status: Available (was: Untriaged)

Sign in to add a comment