Horizontal scrollbar with WKWebView plugin


In my Ionic app I use horizontal ion-scroll. On iOS, an horizontal scrollbar was showing up, I hid it using this :

::-webkit-scrollbar {
    display: none !important;

But since I installed the WKWebView plugin, the scrollbar is showing up again. I tried several things to hide it, but nothing works.

Do you know how to do it ? I don’t want to uninstall the plugin :frowning:

Ionic info :

cli packages: (/usr/local/lib/node_modules)

    @ionic/cli-utils  : 1.12.0
    ionic (Ionic CLI) : 3.12.0

global packages:

    cordova (Cordova CLI) : 7.0.1 

local packages:

    @ionic/app-scripts : 2.1.0
    Cordova Platforms  : android 6.2.3 ios 4.4.0
    Ionic Framework    : ionic-angular 3.6.1-201709221952


    ios-deploy : 1.9.2 
    ios-sim    : 6.1.2 
    Node       : v6.9.4
    npm        : 3.10.10 
    OS         : macOS Sierra
    Xcode      : Xcode 9.0 Build version 9A235 


    backend : pro

WKWebView plugin version : 1.1.8

1 Like

Yeah. This is a problem for me, too. There is an unresolved issue for the cordova plugin cordova-plugin-wkwebview-engine that is probably the issue here, too. It’d be great if this could be resolved though, as currently the visible scroll indicator makes horizontal scrolling areas appear very ‘non native’ on IOS. No problem on Android as that respects -webkit-scrollbar CSS.

Did anyone find a solution or workaround for this issue?

Sadly no, still stuck into this issue :frowning:

Same issue, waiting for solution…