New issue
Advanced search Search tips

Issue 523691 link

Starred by 2 users

Issue metadata

Status: Fixed
Owner:
Closed: Oct 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug-Regression



Sign in to add a comment

webkit-background-clip:text clips out text not in the scrolled area

Reported by e.arr...@gmail.com, Aug 23 2015

Issue description

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

Example URL:
http://nitro-idiot.hatenablog.com/

Steps to reproduce the problem:
1. Open the page
2. Scroll a blog entry to left
3. Texts aren't scrolled except hyperlinks.

What is the expected behavior?
Can scroll the content.

What went wrong?
Cannot scroll the content. It works on Safari 8.0.8.

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes 

Chrome version: 45.0.2422.0  Channel: n/a
OS Version: OS X 10.10.5
Flash Version: 

It's probably only on Mac OS X with Retina display as it cannot be reproduced on MacBook Air though I tried the same version.
 

Comment 1 by tkent@chromium.org, Aug 23 2015

Labels: -Cr-Blink Cr-Blink-Layout-WritingMode
Labels: -Type-Bug Type-Bug-Regression
Status: Untriaged
Able to reproduce the issue on Mac 10.10.4 using 45.0.2422.0, canary 47.0.2492.0, beta 45.0.2454.46 with below steps:

1. Opened url:http://nitro-idiot.hatenablog.com/
2. Scrolled the page to left.
3. Text not scrolled except hyperlinks.

This issue only reproducible on Mac. URL not opening in M-36, M-37. So, unable to provide the bisect further.
Narrow Bisect:Good(35.0.1858.0),Bad(38.0.2063.0).
Hence, marking it as untriaged.Could any one from dev team please suggest.

Comment 3 by e...@chromium.org, Aug 26 2015

Cc: szager@chromium.org skobes@chromium.org
Labels: Cr-Blink-Scroll

Comment 4 by e...@chromium.org, Aug 26 2015

Status: Available

Comment 5 by e.arr...@gmail.com, Sep 14 2015

> It's probably only on Mac OS X with Retina display as it cannot be reproduced on MacBook Air though I tried the same version.

I found it's not only with Retina display, since it's happens on iMac (27-inch, Late 2012) and Chrome (45.0.2454.85). 

Comment 6 by tapted@chromium.org, Oct 16 2015

Labels: blink
Owner: vollick@chromium.org
Status: Assigned
Still repros in 48.0.2537.3 canary. I had a go bisecting this. Lots of Sad Tabs. But I think I ended up with

You are probably looking for a change made after 264999 (known good), but no later than 265009 (first known bad).
CHANGELOG URL:
  https://chromium.googlesource.com/chromium/src/+log/5d05acf679f7602f1acbbc8214238630b4107439..0395696355faa7112a93dcc0e1ce41d7b1bfa684

Which makes me suspect r265006

Enable layer squashing by default

This CL enables layer squashing by default in Chromium.
Layer squashing is already enabled by default in Blink.
Once this CL lands, we'll make Blink defer to Chromium
as to whether layer squashing is enabled.

BUG= 261605 
Committed: https://src.chromium.org/viewvc/chrome?view=rev&revision=265006

Comment 7 by tapted@chromium.org, Oct 16 2015

Labels: -blink
I've put together a reduced test case: http://jsfiddle.net/1zmusc2x/

This is unrelated to writing mode. The problem is that when we have webkit-background-clip: text, we don't seem to put the clipped background in a scrolling layer.
Summary: webkit-background-clip:text does not work with composited overflow scrollers. (was: Horizontal scroll issue of writing-mode: vertical-rl with Retina MacBook)
Labels: Hotlist-Threaded-Rendering
My comment in #8 is wrong. The background stays put, we have to clip every frame. It seems like the right thing to do here is to force main thread scrolling so that we can reclip every frame.
Cc: chrishtr@chromium.org
Labels: -Hotlist-Threaded-Rendering
Sadly disabling threaded scrolling (or compositing the scroller at all) does not fix the issue. I think we may need to make painting changes. Chris, can you PTAL?
Owner: chrishtr@chromium.org
Summary: webkit-background-clip:text does not scroll the clip if the element scrolls overflow. (was: webkit-background-clip:text does not work with composited overflow scrollers.)
Summary: webkit-background-clip:text clips out text not in the scrolled area (was: webkit-background-clip:text does not scroll the clip if the element scrolls overflow.)
It's a little unclear how -webkit-background-clip: text is supposed to behave for scrollable elements, because the text that clips the background scrolls with respect to the background.

Also, this feature is not standard. Perhaps we can remove support. I'll add a use counter.

Comment 15 by e...@chromium.org, Oct 31 2016

Status: Fixed (was: Assigned)
This now works as expected.

Sign in to add a comment