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

Issue 882087 link

Starred by 1 user

Issue metadata

Status: Duplicate
Merged: issue 880825
Owner:
Closed: Sep 10
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Android
Pri: 1
Type: Bug-Regression



Sign in to add a comment

Cannot see all gradient text and titles on version 69.0.3497.86

Reported by li.willi...@gmail.com, Sep 8

Issue description

Device name: Samsung S8 Galaxy

From "Settings > About Chrome"
Application version: 69.0.3497.86
Operating system: Android 8.0.0; SM-G950W Build/R16NW

URLs (if applicable): 
levelupreality.ca/
levelupreality.ca/book-now/
levelupreality.ca/games/

Steps to reproduce:
(1) On levelupreality.ca/, missing gradient text that states "An Immense Thrill" 
(2) On levelupreality.ca/book-now/, missing gradient text that states "Out of this world", and "One Hour", and Membership
(3) On levelupreality.ca/games/, missing gradient text that states "Our Top and Recently Added Games"

Expected result:
See above

Actual result:
See above

 
Labels: Needs-triage-Mobile
Cc: chelamcherla@chromium.org tnijssen@google.com
Components: Blink>Paint
Labels: -Pri-3 ReleaseBlock-Stable M-69 RegressedIn-69 Triaged-Mobile hasbisect Target-69 FoundIn-69 Pri-1 Type-Bug-Regression
Owner: wangxianzhu@chromium.org
Status: Assigned (was: Unconfirmed)
Tested the issue in Android and able to reproduce the issue. 

Steps Followed:
1. Navigated to levelupreality.ca/ and observed missing of "An Immense Thrill" text

Chrome versions tested:
69.0.3497.69, 69.0.3497.76, 69.0.3497.86 , 70.0.3498.0

OS:
Android 9.0.0

Android Devices:
Pixel XL

Issue is seen in latest stable but not seen in latest dev #70.0.3535.2 and latest canary #71.0.3548.0. Hence providing reverse bisect info.

Bisect Info:
===================
Good Build: 69.0.3497.69
Bad Build: 69.0.3497.76

Reverse bisect Info:
====================
Last Bad Build - 69.0.3497.86
First Good Build - 70.0.3498.0

Unable to provide per-revision bisect as we are seeing all bad builds when doing per-revision bisect.

Manual CL: https://chromium.googlesource.com/chromium/src/+log/69.0.3497.69..69.0.3497.76?pretty=fuller&n=10000

Suspecting https://chromium.googlesource.com/chromium/src/+/e7ae273f2ba3466ff303a48742031832cc34b14d or https://chromium.googlesource.com/chromium/src/+/024a1154bbdb0925e49df8b3da433048089c55b5 from changelog. Hence assigning wangxianzhu@ and cc'ing tnijssen@ for further inputs

@wangxianzhu/tnijssen: Could you please look into the issue, pardon me if it has nothing to do with your changes and if possible please assign it to owner concerned. Adding RB-Stable for M-69, Please remove if this not the case. Please merge fix to M-69 if this is safe.

Thanks!

Reproduced issue on Windows 7.

Steps followed:
1. Navigated to levelupreality.ca/ and observed missing "An Immense Thrill".
2. Navigated to levelupreality.ca/book-now/ and observed missing "Out of this world", "One Hour" and "Membership".

Chrome version tested:
69.0.3497.81 (Official Build) (64-bit)

OS:
Windows NT: 6.1.7601 SP1
Definitely https://chromium.googlesource.com/chromium/src/+/e7ae273f2ba3466ff303a48742031832cc34b14d

Not sure what fixed it though, because it was always broken. https://bugs.chromium.org/p/chromium/issues/detail?id=670292

The workaround is to not make the text transparent.


Labels: -Target-69 Target-70
We will likely not merge a fix for this into M-69. We can change our minds later if necessary but given transparent background clip text hasn't reliably worked before, I'm loath to risk M-69 changes for it.

Comment 6 Deleted

(Please ignore #c6 which is incorrect.)

This is caused by https://chromium.googlesource.com/chromium/src/+/e7ae273f2ba3466ff303a48742031832cc34b14d which is landed in M70 and merged into m69. https://chromium-review.googlesource.com/1211244 (for  bug 880825 ) then fixed the issue about block, float and table descendants of background-clip:text.
A workaround of this bug is like the following:

Original:
<div style="-webkit-background-clip: text; background: linear-gradient...; color: transparent">
  <div>Some text</div>
</div>

Workaround:
<div>
  <div style="-webkit-background-clip: text; background: linear-gradient...; color: transparent">Some text</div>
</div>

That is, move the background clip related css properties down to the direct containing element of the text. It works because the background clip is guaranteed to work on direct inline contents.

This also ensures that the case works in Safari, and will work in all browsers after the feature is standardized (which may be different from the current chrome implementation) and every browser implements the same standard.
Note this is probably a dupe that has been fixed by the work discussed here. https://bugs.chromium.org/p/chromium/issues/detail?id=670292
This bug and  bug 880825  are real regressions in M69. Bug 670292 seems an old paint invalidation issue.

Sign in to add a comment