bug: Browser.open() does not capture focus

[rstiyer]

Bug Report

Capacitor Version

💊   Capacitor Doctor  💊

Latest Dependencies:

  @capacitor/cli: 2.4.1

  @capacitor/core: 2.4.1

  @capacitor/android: 2.4.1

  @capacitor/ios: 2.4.1

Installed Dependencies:

  @capacitor/cli 1.5.0

  @capacitor/ios 1.5.0

  @capacitor/android 1.5.0

  @capacitor/core 1.5.0

Platform(s)

iOS (tested on iOS 13.7)

Current Behaviour

With VoiceOver enabled on iOS, Browser.open({ url }) opens the specified url as expected, but the focus remains on the app beneath the browser window. In order to trigger focus to go the new window, a user must click an element in the window.

Expected Behaviour

The browser window should capture the screen reader focus immediately; the initial focus should be on the address bar at the top of the page.

Code Reproduction

Checkout this minimal repro and run on iOS with VoiceOver enabled. The app is just a button which opens Google using the Browser plugin when clicked. I used the most recent version of Capacitor in this repro to illustrate that the issue is still occurring.

Other Technical Details

npm --version output: 6.14.4

yarn --version output: 1.22.4

node --version output: v10.21.0

pod --version output (iOS issues only): 1.9.3

react version: 16.13.1

XCode version: 12.0

Additional Context

I've resorted to using cordova-plugin-safariviewcontroller in the meantime, because the browser window focuses as expected.