Browser UI animation is wrong on ios

[mariusbolik]

Bug Report

Plugin(s)

@capacitor/browser

Capacitor Version

Installed Dependencies:

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

Platform(s)

iOS

Current Behavior

Popover mode
The title bar gets too small on scroll:

Fullscreen mode
The underlaying view isn't animated like it was in cordova or like it's generally is on iOS:

Expected Behavior

Popover mode
I don't have an example for this, but the title bar should definitely look different.

Fullscreen mode
Example from twitter:

Code Reproduction

await Browser.open({ url: 'http://capacitorjs.com/' });
await Browser.open({ url: 'http://capacitorjs.com/', presentationStyle:'popover' });

[jcesarmobile]

this is because we use a separate window to present the browser, otherwise the app js execution gets frozen while the browser is present, which prevents browser.close() from working.

We should probably make this configurable, some people might prefer the default animations if they don't plan to use close()

[F0rsaken]

Is there any chance this option will be added? I have a case where I'm using InAppBrowser but don't need to close it with JS. It would be great to have a possible workaround this bug 🙏