Browser.open(url) opens Youtube native app In Android

[JeetuChoudhary]

Bug Report

Capacitor Version

   Capacitor Doctor

Latest Dependencies:

  @capacitor/cli: 4.2.0
  @capacitor/core: 4.2.0
  @capacitor/android: 4.2.0
  @capacitor/ios: 4.2.0

Installed Dependencies:

  @capacitor/cli: 4.2.0
  @capacitor/ios: 4.2.0
  @capacitor/core: 4.2.0
  @capacitor/android: 4.1.0

[success] Android looking great! �
[error] Xcode is not installed

Platform(s)

Android
Android version: 11
Device: Redmi K20 pro

Current Behavior

If I am trying to open an embed youtube URL into InAppBrowser. The first time it opens it in Youtube native app rather than opening it in InAppBrowser. After that, It is opening it in InAppBrowser which is not consistent. It does it sometimes.

Expected Behavior

It should open in InAppBrowser.

Code Reproduction

Here is the link to the repo with code reproduction

Other Technical Details

"@capacitor/browser": "^4.0.0"

Ionic:

   Ionic CLI                     : 6.20.1 (C:\nvm\v14.15.5\node_modules\@ionic\cli)
   Ionic Framework               : @ionic/angular 6.2.6
   @angular-devkit/build-angular : 14.2.2
   @angular-devkit/schematics    : 14.1.3
   @angular/cli                  : 14.1.3
   @ionic/angular-toolkit        : 5.0.3

Capacitor:

   Capacitor CLI      : 4.2.0
   @capacitor/android : 4.1.0
   @capacitor/core    : 4.2.0
   @capacitor/ios     : 4.2.0

Utility:

   cordova-res : not installed globally
   native-run  : 1.7.0

System:

   NodeJS : v14.15.5 (C:\Program Files\nodejs\node.exe)
   npm    : 6.14.11
   OS     : Windows 10

Additional Context

[Ionitron]

This issue may need more information before it can be addressed. In particular, it will need a reliable Code Reproduction that demonstrates the issue.

Please see the Contributing Guide for how to create a Code Reproduction.

Thanks!
Ionitron 💙

[JeetuChoudhary]

Hello @jcesarmobile. thanks for checking it out. I have added the function which is calling Browser.open() from the capacitor plugin. It works fine in the browser. The issue only comes when I try to use it on android mobile. So, I don't understand what you need here.

[jcesarmobile]

We need a sample app we can run, the link on Ionitron comment explains it

[JeetuChoudhary]

@jcesarmobile I have updated it with the code reproduction repo and some additional info. Check it out.

[jcesarmobile]

The provided sample app doesn't have @capacitor/browser plugin installed nor any code using it.

[JeetuChoudhary]

@jcesarmobile my bad forgot to push the updated commit 😞. It's updated now. Kindly check it out.

[jcesarmobile]

Thanks for the sample app, I could reproduce.

Apparently that's how Android Custom Tabs work, if you have an app installed that register deep links, it will open the app instead of the Custom Tab (the Browser plugin window).

It's possible to hardcode the package when launching the Custom Tabs intent to force using the Custom Tabs window by passing Chrome's package like tabsIntent.intent.setPackage(CUSTOM_TAB_PACKAGE_NAME);.
But that will crash on devices that don't have Chrome installed.

I'm marking the issue as feature request as I don't think forcing Chrome package should be the default behavior.