[CB-10123] -webkit-scrollbar css does not work in WKWebViewEngine

• Type: Improvement
• Status: Closed
• Priority: Major
• Resolution: Won't Do
• Component/s: cordova-plugin-wkwebview-engine
• Labels: wkwebview-baked-in wkwebview-known-issues

Environment

Using iOS 9, with IOS-Cordova 4.0 (beta) and official cordova WKWebView engine.

• Assignee: Unassigned
• Reporter: Cole Turner
• Created: 02/Dec/15 21:25
• Updated: 06/Sep/22 21:48
• Resolved: 06/Sep/22 21:48

Description

To hide the appearance of scrollbars in Safari, Webkit, and UIWebView, we use the following CSS:

::-webkit-scrollbar

{display:none;}

The WKWebView engine does not honor this property. The only way to control the appearance of a scrollbar is invoking it via a plugin as so:

self.wkWebView.scrollView.showsVerticalScrollIndicator = NO;
self.wkWebView.scrollView.showsHorizontalScrollIndicator = NO;

It would be nice to abstract this as a plugin preference since the WKWebView engine is now a separate plugin: (via Shazron)
<preference name="ShowWebViewScrollIndicator" value="vertical, horizontal" />