[Webkit-unassigned] [Bug 48905] New: ::-webkit-scrollbar* drawing errors

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=48905

           Summary: ::-webkit-scrollbar* drawing errors
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh
        OS/Version: Mac OS X 10.6
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: mail at smoofles.at


Created an attachment (id=72808)
 --> (https://bugs.webkit.org/attachment.cgi?id=72808&action=review)
example with custom scrollbars and identical css styles used on DIVs

I'm trying to implement custom scrollbars with CSS only and have stumbled upon what I think is are wrong rendering behaviours;

1) I assumed that the -webkit-scrollbar-thumb is an element within -webkit-scrollbar-track, meaning that -webkit-scrollbar-thumb's box-shadows would be cut off within (masked by) the -webkit-scrollbar-track element. I also assumed it's possible to change the opacity/style of the -webkit-scrollbar-thumb for the case when the user hovers inside its -webkit-scrollbar-track parent. 

The current behaviour allows the -webkit-scrollbar-track style to change on hover, but leaves the child -webkit-scrollbar-thumb in its inactive (in my case semi-transparent state) until the user also hovers over -webkit-scrollbar-thumb. 

The box-shadow behaviour is fine initially, yet as soon as the -webkit-scrollbar-thumb is dragged, its box-shadow gets rendered outsite of the -webkit-scrollbar-track's boundaries.

2) It appears that -webkit-scrollbar width/height properties affect -webkit-scrollbar-track and -webkit-scrollbar-thumb, making it impossible to, for example, work with a padding within -webkit-scrollbar-track or with a custom width for the -webkit-scrollbar-thumb. This is probably again dependant on the assumption that the -webkit-scrollbar-thumb element is a child of -webkit-scrollbar-track—something you guys likely know better.



To see what kind of rendering behaviour I expected, look at the div-based scrollbar elements outside the two text-containing divs. 

Thanks for doing such a great job with WebKit, it's a real pleasure to work with :) 

Samo

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.