Android WebView update v65.0.3325.109 causing Tabs to overlap and unscrollable

[aharslan]

The tabs are overlapping and are not scrollable after the WebView update on android.

[bedezub]

I am facing the same issue. Is there any solution for this yet?

[aharslan]

Managed a workaround for this problem. Try adding display: -webkit-box class in case of android platform in your scrollable-tabs component in the ngAfterViewInit() method.

// set tabbar overflow-x: scroll
this.renderer.setElementStyle(this.nativeTabbar, "overflow-x", "scroll");

// set tabbar overflow-y: hidden
this.renderer.setElementStyle(this.nativeTabbar, "overflow-y", "hidden");

if (this.plt.is('android')) {
  this.renderer.setElementStyle(this.nativeTabbar, 'display', '-webkit-box');
}