I have a simple android WebView application which is displaying a website featuring 'copy' buttons using the following code:-

navigator.clipboard.writeText('Text to be copied')
  .then(() => {
    console.log('Text copied to clipboard');
  })
  .catch(err => {
    // This can happen if the user denies clipboard permissions:
    console.error('Could not copy text: ', err);
  });

this is working in all desktop and mobile browsers and an iOS WebView application however I cant it fails and catches the following error within a android WebView application: DOMException: write permission denied.

these are the settings for the WebView within the app:

    webView.settings.javaScriptEnabled = true
    webView.settings.userAgentString = "EngageMobileApp Android"
    webView.settings.builtInZoomControls = true
    webView.settings.displayZoomControls = false
    webView.settings.allowFileAccess = true
    webView.settings.setAppCacheEnabled(true)
    webView.settings.domStorageEnabled = true
    webView.settings.loadWithOverviewMode = true
    webView.settings.allowContentAccess = true
    webView.settings.mediaPlaybackRequiresUserGesture = false
    webView.settings.javaScriptCanOpenWindowsAutomatically = true
    WebView.setWebContentsDebuggingEnabled(true)

and the set permissions within the manifest:

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />