Scrolling not working on WKWebView on iOS 13 beta

Question

I am loading custom HTML in a WKWebView, setting the property width=device-width in the viewport. This works perfectly in iOS 12, but gives a problem with scrolling with iOS 13 (beta 7).

In particular, when width=device-width is used, it is not possible to scroll the webview, so part of the content is not visible. It is only possible to do so if the user pinches to zoom, and then magically it starts to be possible to scroll (both horizontally and vertically).

I didn't find anything in the documentation regarding changes to WKWebView (or even the scrollview) in iOS 13 that could justify this. Am I missing something? Or maybe this is a bug of iOS 13 / Xcode 11?

what you set for height = device-height ? – Vinodh Aug 26 '19 at 11:30 — Vinodh, Aug 26 '19 at 11:30
@Vinodh nothing is set for height – papafe Aug 26 '19 at 13:15 — papafe, Aug 26 '19 at 13:15

score 4 · Answer 1 · answered Aug 30 '19 at 06:37

4

I also encountered this problem because "overflow: hidden" was added to body's style. I deleted "overflow: hidden", and that's all.

answered Aug 30 '19 at 06:37

lxy_ss

41
1

ArturRuz · Answer 2 · 2019-10-11T13:26:53.330

In my case, after reading Insert CSS into loaded HTML in UIWebView / WKWebView I try this:

 func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
    insertCSSString(into: webView)
  }

 func insertCSSString(into webView: WKWebView) {
      let cssString = "body { overflow: scroll !important }"
      let jsString = "var style = document.createElement('style'); style.innerHTML = '\(cssString)'; document.head.appendChild(style);"
      webView.evaluateJavaScript(jsString, completionHandler: nil)
  }

Or this:

func insertCSSString(into webView: WKWebView) {
      let jsString = "document.querySelectorAll('*[style]').forEach(el => el.style.overflow = 'scroll');"
    webView.evaluateJavaScript(jsString, completionHandler: nil)
  }

maybe it's helpful.

thanks, the star one worked for me, but body one didn't. – Ashkan Ghodrat Jun 08 '20 at 12:08 — Ashkan Ghodrat, Jun 08 '20 at 12:08

Scrolling not working on WKWebView on iOS 13 beta

2 Answers2