You can solve it with some custom CSS:

const customCss = '* { -webkit-user-select: none; } input, textarea { -webkit-user-select: initial; } body { user-select: none !important; overflow-x: hidden !important; }';

const customJs = `
      (function() {
        setTimeout(function() {
          try {
            var s = document.createElement('style');
            s.innerHTML = '${customCss.replace(/'/g, "\\'").replace(/(\r\n|\n|\r)/gm, '')}';
            document.head.appendChild(s);
          } catch (e) {  }
        }, 0); 
      })();`;

<WebView
  injectedJavaScriptBeforeContentLoaded={Platform.OS === 'ios' ? customJs : undefined}
  injectedJavaScript={Platform.OS === 'android' ? customJs : undefined}
...
/>

Hello 👋, this issue has been opened for more than 2 months with no activity on it. If the issue is still here, please keep in mind that we need community support and help to fix it! Just comment something like still searching for solutions and if you found one, please open a pull request! You have 7 days until this gets closed automatically

Had a similar issue rendering a custom canvas within a webview and getting the copy prompt on long hold. Solution for me was to simply insert the following within the styles of the rendered html.

• {
  -webkit-user-select: none;
  }

Had a similar issue rendering a custom canvas within a webview and getting the copy prompt on long hold. Solution for me was to simply insert the following within the styles of the rendered html.

• {
  -webkit-user-select: none;
  }

Can you please explain where to add this code? @chriswgreen-lineup

Had a similar issue rendering a custom canvas within a webview and getting the copy prompt on long hold. Solution for me was to simply insert the following within the styles of the rendered html.

• {
  -webkit-user-select: none;
  }

Could you please describe where should we add this styles?