Bug 104412 - CSS transitions don't work with custom scrollbar thumb
Summary: CSS transitions don't work with custom scrollbar thumb
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Enhancement
Assignee: Nobody
URL: http://jackdurrant.com
Keywords:
Depends on:
Blocks:
 
Reported: 2012-12-07 16:18 PST by Jack Durrant
Modified: 2013-04-01 14:41 PDT (History)
4 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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?