[Webkit-unassigned] [Bug 198858] New: [Safari iOS 13] Scrollbar styling no longer works

[bugzilla-daemon at webkit.org]

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

            Bug ID: 198858
           Summary: [Safari iOS 13] Scrollbar styling no longer works
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: iPhone / iPad
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: WebKit Misc.
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: ldebeasi at gmail.com

With the introduction of iOS 13, one-finger accelerated scrolling on scrollable elements has been added as the default in Safari, removing the need to specify -webkit-overflow-scrolling: touch. However, this effectively prevents any scrollbar styling via CSS. 
On previous versions of Safari (iOS <= 12), scrollbar styling worked as long as -webkit-overflow-scrolling: touch was not set.

See example here: https://adamdbradley.github.io/mobile-ux-issues/scrollbars.html

In this example, -webkit-overflow-scrolling: touch is set on the "scrollable" element. Removing that value yields the following results:

On iOS <=12:
Removing -webkit-overflow-scrolling: touch shows the custom scrollbar styling.

On iOS 13:
Removing -webkit-overflow-scrolling: touch does not show the custom scrollbar styling, since accelerated scrolling is now the default.

Expected Results:
I would expect that there would be a way for developers to customize the scrollbar, regardless of accelerated scrolling status.

Actual results:
Scrollbar customizations via CSS are ignored on iOS 13.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20190614/1f4a77f4/attachment-0001.html>