mailto: and tel: links do not work in webview

Bug description:

If the page opened in the webview has any mailto: or tel: links, pressing them causes the webview to return the generic android page and fire the error events.

I believe the error is: net::ERR_UNKNOWN_URL_SCHEME (android) and unsupported URL (iOS)

Happens on both iOS and Android

To Reproduce:

Load any page with mailto and/or tel links.

Expected behavior:

Other schemas should be working

Screenshots/Videos:

Environment:

• OS: Android and iOS
• OS version: 8.1, 10, 13.2.3
• react-native version: 0.61.5
• react-native-webview version: 7.6.0

[cristianoccazinsp]

@Visakeswaran not really, I just handled the links case by case with the onShouldStartLoadWithRequest prop and something like this:

function onShouldStartLoadWithRequest(request){

  // short circuit these
  if (!request.url ||
    request.url.startsWith('http') ||
    request.url.startsWith("/") ||
    request.url.startsWith("#") ||
    request.url.startsWith("javascript") ||
    request.url.startsWith("about:blank")
  ) {
    return true;
  }

  // blocked blobs
  if(request.url.startsWith("blob")){
    Alert.alert("Link cannot be opened.");
    return false;
  }

  // list of schemas we will allow the webview
  // to open natively
  if(request.url.startsWith("tel:") ||
    request.url.startsWith("mailto:") ||
    request.url.startsWith("maps:") ||
    request.url.startsWith("geo:") ||
    request.url.startsWith("sms:")
    ){

    Linking.openURL(request.url).catch(er => {
      Alert.alert("Failed to open Link: " + er.message);
    });
    return false;
  }

  // let everything else to the webview
  return true;
}

[sbycrosz]

Does this still work? We found that when we open an intent:// link, onShouldStartLoadWithRequest prop is not called anymore (An error Can't open url: intent://xxx is displayed instead)

It used to work on 5.x.x 😢