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

Issue 738841 link

Starred by 3 users

Issue metadata

Status: WontFix
Owner:
Closed: Aug 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 1
Type: Bug-Regression



Sign in to add a comment

single pixel left/right or top/bottom borders with same alpha value don't display

Reported by b...@dutchportfolio.com, Jul 3 2017

Issue description

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

Steps to reproduce the problem:
1. set up a some blocks (flexbox)
2. give left and right borders with rgba values
3. give last block nth-of-type

What is the expected behavior?
Display of borders suddenly does work after changing the transparency value of the rgba property in the inspector.

What went wrong?
There is some rendering issue in the borders that get the last-of-type selector.

Did this work before? Yes 58

Does this work in other browsers? Yes

Chrome version: 59.0.3071.115  Channel: stable
OS Version: OS X 10.11.6
Flash Version: 

Only reproducible on chrome for mac. Check out the #USP element on hpstaal-staging.dutchportfolio.com

I found a workaround: by incrementing the alpha value with .1 it doesn't conflict and renders properly
 
Schermafbeelding 2017-07-03 om 11.15.48.png
24.2 KB View Download
Schermafbeelding 2017-07-03 om 11.15.34.png
24.8 KB View Download
test.css
283 bytes View Download
I have the same effect starting very recently--I think Friday 6/30--*without* nth-of-type. Simply making the top and bottom individual borders of a single div the *same* alpha value, makes both of them not render at all. Same with left and right. As soon as they are made different, the borders appear.

Comment 2 by shend@chromium.org, Jul 3 2017

Labels: Needs-Feedback
I can't seem to connect to the link that you attached. Can you please attach a minified test case or link to a jsfiddle showing the issue? Thanks.
Sorry it would take too much time to set up a test case. It seems we
blocked external IP's. Can I give you access somehow?

2017-07-04 1:03 GMT+02:00 sh… via monorail <
monorail+v2.3439824626@chromium.org>:
Project Member

Comment 4 by sheriffbot@chromium.org, Jul 4 2017

Cc: shend@chromium.org
Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "shend@chromium.org" to the cc list and removing "Needs-Feedback" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Labels: Needs-Feedback
If you could provide login details we could go from there, you can email it to one of our addresses on this bug.
Here's a jsfiddle showing a simple demonstration of the problem.

https://jsfiddle.net/wabvkpkm/

*Maybe* it's not the same root cause as the nth-of-type problem, but it probably is so I think you should take a look at it.
thanks, I've provided login details to the emailaddress provided in Comment 5. I have recreated the bug in this staging environment. Check out 

#usp .flex_column:last-of-type

in hp-main.css


Project Member

Comment 8 by sheriffbot@chromium.org, Jul 10 2017

Cc: dstockwell@google.com
Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "dstockwell@google.com" to the cc list and removing "Needs-Feedback" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Chadd it looks like it's the same problem, The only thing I can remember (and can't replicate anymore for some reason, is that the borders become visible once I turn them on and off in the inspector.

Comment 10 by meade@chromium.org, Jul 12 2017

Cc: -dstockwell@google.com meade@chromium.org
Owner: dstockwell@chromium.org
I tried out the jsfiddle from #6 on Chrome for mac version 60.0.3112.50 but I'm not sure what I'm looking at. I see two divs with left/right borders, then two divs with top/bottom borders. What is the issue you're seeing there?

dstockwell, could you please see if you can repro using the login details provided as per #7? 

Comment 11 by meade@chromium.org, Jul 12 2017

Labels: Needs-Feedback
Thanks for trying on #10 there. There is an even more clear fiddle available: https://jsfiddle.net/wabvkpkm/2/

...but I think the problem could be different because my Chrome is this version on Windows: Version 59.0.3071.115 (Official Build) (32-bit)

I'll rescan the bug list and see if it has been filed separately for Windows.
yup, tested this already in browserstack and the problem is unique for the mac build. also doesn't occur on an earlier version!

So the problem is the borders disappear when the alpha's are the same.
Project Member

Comment 14 by sheriffbot@chromium.org, Jul 17 2017

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "meade@chromium.org" to the cc list and removing "Needs-Feedback" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Components: -Blink>CSS Blink>Paint
Labels: Needs-Bisect
Status: Untriaged (was: Unconfirmed)
Summary: single pixel left/right or top/bottom borders with same alpha value don't display (was: last-of-type borders with rgba values don't display)
This is a weird one!

I've updated the fiddle with some more test cases: https://jsfiddle.net/wabvkpkm/3/

Testing on Windows 10:

Chrome 59.0.3071.115 (Official Build) (64-bit) (cohort: Stable): BAD
Chrome: 61.0.3160.0 (Official Build) canary (32-bit) (cohort: 32-Bit): GOOD

Looks to be fixed on the most recent canary - we should bisect to find out what happened.


Owner: ----
Cc: brajkumar@chromium.org
Labels: -Pri-2 -Needs-Bisect M-60 hasbisect Pri-1
The good and bad build range didn't fall under the new bisect script to provide per revision bisect results, so providing chromium bisect results below

Bisect Information:
--------------------
Good build: 60.0.3096.0
Bad Build : 60.0.3094.0

You are probably looking for a change made after 470313 (known good), but no later than 470324 (first known bad).

Change Log URL: 
-----------------
https://chromium.googlesource.com/chromium/src/+log/1073d1c2e24a31bc6c34bbc6a6c198ae5d668086..175ceeff6a099a7923928ba8fcd58c6b80563251

Unable to find the actual suspect from the above CL, Could someone help us in assigning this issue to the concerned dev person.

Thanks!
Labels: BugSource-User PaintTeamTriaged-20170720
Owner: schenney@chromium.org
Status: Assigned (was: Untriaged)
Probably me. I am at least best placed to work on it.

First step is to redo the bisect.
Hooray, so it was a real bug! I feel important now. Thanks for handling the report in such a professional manner. Good work you guys. Love from NL
Labels: ReleaseBlock-Stable
The bisect indicates M60, so adding a release blocker.
Cc: krajshree@chromium.org
Labels: -ReleaseBlock-Stable Needs-Feedback
Unable to reproduce the issue on Macbook air 10.12.5 using latest beta #60.0.3112.72. Hence, removing the stable blocker for M-60.

bram@ - Could you please check the issue in latest beta #60.0.3112.72 and please confirm.

Thanks...!!
Note: I am able to reproduce on the reported version #59.0.3071.115. But it seems to be resolved on the latest M-60.


Status: WontFix (was: Assigned)
We've rolled out M-60 to most everyone, I think. And I cannot reproduce in later versions. So closing.

Sign in to add a comment