WKWebViewに変更したらスクロールができなくなった

前提・実現したいこと

MonacaでiOSアプリを開発しています。
そこでAppleからUIWebViewの警告がでたためWKWebViewに移行しようかと思ったのですが、
以前までは画面サイズから超えているとスクロールができたのですが、移行後スクロールができなくなりました。

該当のソースコード

HTML
1<!DOCTYPE HTML>
2<html>
3<head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
6    <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: content: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
7    <link rel="stylesheet" href="components/loader.css">
8    <link rel="stylesheet" href="lib/onsenui/css/onsenui.css">
9    <link rel="stylesheet" href="css/onsen-css-components.css">
10    <link rel="stylesheet" href="css/common.css">
11    <link rel="stylesheet" href="css/style.css">
12    <script src="components/loader.js"></script>
13    <script src="lib/onsenui/js/onsenui.js"></script>
14    <script src="js/config.js"></script>
15    <script src="js/account.js"></script>
16</head>
17<body>
18    <img src="aaa.jpg" id="title-img">
19    <div id="login-form">
20        <div>
21            <label>アカウントコード</label>
22            <input type="text" value="">
23        </div>
24        <div>
25            <label>ログインID</label>
26            <input type="text" value="">
27        </div>
28        <div>
29            <label>パスワード</label>
30            <input type="password" value="">
31        </div>
32        <div>
33            <button>ログイン</button>
34        </div>
35    </div>
36    <div id="dialog"><h2></h2><p></p></div>
37</body>
38</html>
39

css
1#title-img {
2    display: block;
3    margin: 50px auto;
4}
5#login-form div {
6    font-size: 20px;
7    width: 250px;
8    margin: 40px auto 0 auto;
9}
10#login-form input {
11    width: 100%;
12    height: 30px;
13    font-size: 20px;
14    padding: 2px 0;
15    letter-spacing: 2px;
16}
17#login-form button {
18    width: 60%;
19    height: 40px;
20    display: block;
21    margin: 0 auto;
22    background-color: #5bb75b;
23    color: #FFFFFF;
24    font-size: 20px;
25    border-radius: 10px;
26}

試したこと

このWKWebViewに移行するにあったって必要と書いていたので入れました。
https://github.com/apache/cordova-plugin-wkwebview-engine
https://github.com/oracle/cordova-plugin-wkwebview-file-xhr

config.xmlに以下を追記しました。

<feature name="CDVWKWebViewEngine">
  <param name="ios-package" value="CDVWKWebViewEngine" />
</feature>
<preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />

行動規範の内容に同意します

回答1件

こんにちは
config.xmlですが、下記設定してはいかがでしょうか？

　<platform name="ios">
   <feature name="CDVWKWebViewEngine">
     <param name="ios-package" value="CDVWKWebViewEngine" />
   </feature>
   <preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
  </platform>

あと、WKWebView移行に関してはこちらの記事も参考になると思います。

投稿2020/02/20 03:55