Bug 104412

Summary:	CSS transitions don't work with custom scrollbar thumb
Product:	WebKit	Reporter:	Jack Durrant <jackdurrant>
Component:	Layout and Rendering	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Enhancement	CC:	ap, bdakin, jon.rimmer, simon.fraser
Priority:	P2
Version:	528+ (Nightly build)
Hardware:	All
OS:	All
URL:	http://jackdurrant.com

Description Jack Durrant 2012-12-07 16:18:43 PST

The custom scrollbars that can be applied by CSS with pseudo selectors do not respond to code for transitions.

Comment 1 Alexey Proskuryakov 2012-12-10 10:15:37 PST

Do you have a test case that you could attach to this bug, or an example of this happening on a real web site?

I'm not sure if this description is sufficient to tackle the issue.

Comment 2 Jack Durrant 2012-12-10 10:32:36 PST

(In reply to comment #1)
> Do you have a test case that you could attach to this bug, or an example of this happening on a real web site?
> 
> I'm not sure if this description is sufficient to tackle the issue.

If you visit my blog, http://jackdurrant.com in a WebKit browser, you'll notice that I have mouse hover transitions working everywhere except for on the scrollbar, or more specifically, ::-webkit-scrollbar-thumb. This isn't a big deal, but CSS3 transitions are something that I think adds to the clean look of my blog.

Comment 3 Simon Fraser (smfr) 2012-12-10 11:41:14 PST

We don't support transitions/animations on anonymous content (bug 92591).

Comment 4 Jon Rimmer 2013-04-01 14:41:32 PDT

The linked bug is fixed. ::before and ::after now support transitions.

Can this be fixed for the scrollbar shadow DOM now?