You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@cordova.apache.org by "Joshua Bronson (JIRA)" <ji...@apache.org> on 2017/07/20 15:17:00 UTC

[jira] [Commented] (CB-10123) -webkit-scrollbar css does not work in WKWebViewEngine

    [ https://issues.apache.org/jira/browse/CB-10123?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=16094811#comment-16094811 ] 

Joshua Bronson commented on CB-10123:
-------------------------------------

Just found this issue after some significant searching for why scrollbars are appearing in our Cordova (6.5.0) app on iOS (10.3.2) but not Android. (And adding the ::-webkit-scrollbar { display: none; } CSS makes no difference.) Unfortunately Googling around for this yielded lots of other dead-end results before it led here, but it looks like I've finally found the culprit and this issue is the reason, is that right? I do see that this issue hasn't been updated in ~10 months, so first figured I'd just make sure the ticket status/priority/etc. haven't drifted out-of-date.

If not, is there some reason that Cordova isn't just setting the wkWebView.scrollView.shows(Vertical|Horizontal)ScrollIndicator properties to NO by default for all Cordova iOS apps? This would make Cordova iOS apps look consistent with other native iOS apps, as well as them consistent with their Android counterparts (which don't get scrollbars by default).

And as long as an additional plugin is required to get this to be consistent, is anyone aware of (an up-to-date version of) such a plugin that could be linked to from this issue?

Thanks!

> -webkit-scrollbar css does not work in WKWebViewEngine
> ------------------------------------------------------
>
>                 Key: CB-10123
>                 URL: https://issues.apache.org/jira/browse/CB-10123
>             Project: Apache Cordova
>          Issue Type: Improvement
>          Components: cordova-plugin-wkwebview-engine
>         Environment: Using iOS 9, with IOS-Cordova 4.0 (beta) and official cordova WKWebView engine.
>            Reporter: Cole Turner
>              Labels: wkwebview-known-issues
>
> 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" />



--
This message was sent by Atlassian JIRA
(v6.4.14#64029)

---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org