Disable text selection in wkwebview authgear/authgear-server#3846

IniZio · Mar 7, 2024 · 60565d4 · 60565d4
1 parent 5e34306
commit 60565d4
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 0 deletions.
diff --git a/...uthgear-capacitor/android/src/main/java/com/authgear/capacitor/WebKitWebViewActivity.java b/...uthgear-capacitor/android/src/main/java/com/authgear/capacitor/WebKitWebViewActivity.java
@@ -213,6 +213,13 @@ protected void onCreate(@Nullable Bundle savedInstanceState) {
         this.mWebView = new WebView(this);
         this.mWebView.getSettings().setSupportMultipleWindows(true);
         this.mWebView.getSettings().setDomStorageEnabled(true);
+
+        // Disable text selection
+        // NOTE: `evaluateJavascript` cannot be set to run on per navigation in WebChromeClient,
+        // need to disable long click instead.
+        // Selection in text fields should still work
+        this.mWebView.setOnLongClickListener(v -> true);
+
         this.setContentView(this.mWebView);
         this.mWebView.setWebViewClient(new MyWebViewClient(this));
         this.mWebView.setWebChromeClient(new MyWebChromeClient(this));

diff --git a/packages/authgear-capacitor/ios/Plugin/AGWKWebViewController.swift b/packages/authgear-capacitor/ios/Plugin/AGWKWebViewController.swift
@@ -36,12 +36,26 @@ class AGWKWebViewController: UIViewController, WKNavigationDelegate {
         }
     }
 
+    private let disableUserSelectSource: String = """
+        document.documentElement.style.webkitUserSelect = 'none';
+        document.documentElement.style.userSelect = 'none';
+    """
+
     init(url: URL, redirectURI: URL, completionHandler: @escaping CompletionHandler) {
         self.url = url
         self.redirectURI = redirectURI
         self.completionHandler = completionHandler
 
         let configuration = WKWebViewConfiguration()
+
+        // Inject `user-select: none` style
+        let disableUserSelectScript = WKUserScript(
+            source: self.disableUserSelectSource,
+            injectionTime: .atDocumentStart,
+            forMainFrameOnly: false
+        )
+        configuration.userContentController.addUserScript(disableUserSelectScript)
+
         self.webView = WKWebView(frame: .zero, configuration: configuration)
         self.webView.translatesAutoresizingMaskIntoConstraints = false
         self.webView.allowsBackForwardNavigationGestures = true

diff --git a/...ar-react-native/android/src/main/java/com/authgear/reactnative/WebKitWebViewActivity.java b/...ar-react-native/android/src/main/java/com/authgear/reactnative/WebKitWebViewActivity.java
@@ -215,6 +215,13 @@ protected void onCreate(@Nullable Bundle savedInstanceState) {
         this.mWebView = new WebView(this);
         this.mWebView.getSettings().setSupportMultipleWindows(true);
         this.mWebView.getSettings().setDomStorageEnabled(true);
+
+        // Disable text selection
+        // NOTE: `evaluateJavascript` cannot be set to run per navigation in WebChromeClient,
+        // need to disable long click instead.
+        // Selection in text fields should still work
+        this.mWebView.setOnLongClickListener(v -> true);
+
         this.setContentView(this.mWebView);
         this.mWebView.setWebViewClient(new MyWebViewClient(this));
         this.mWebView.setWebChromeClient(new MyWebChromeClient(this));

diff --git a/packages/authgear-react-native/ios/AGWKWebViewController.m b/packages/authgear-react-native/ios/AGWKWebViewController.m
@@ -23,6 +23,16 @@ - (instancetype)initWithURL:(NSURL *)url redirectURI:(NSURL *)redirectURI comple
     self.completionHandler = completionHandler;
 
     WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init];
+
+    // Inject `user-select: none` style
+    WKUserContentController *controller = [[WKUserContentController alloc] init];
+    NSString *disableUserSelectScript =
+        @"document.documentElement.style.webkitUserSelect = 'none';"
+        "document.documentElement.style.userSelect = 'none';";
+    WKUserScript *userScript = [[WKUserScript alloc] initWithSource:disableUserSelectScript injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:NO];
+    [controller addUserScript:userScript];
+    configuration.userContentController = controller;
+
     self.webView = [[WKWebView alloc] initWithFrame:CGRectZero configuration:configuration];
     self.webView.translatesAutoresizingMaskIntoConstraints = false;
     self.webView.allowsBackForwardNavigationGestures = YES;