react-native-inappbrowser: openAuth not loading content on iOS
I’m trying to implement this as Apple has denied my version with react native’s Linking opening the browser itself. On android the openAuth works correctly, in iOS the content is only loaded using the .open method, if I use the .openAuth it keeps “refreshing” the page with the browser changing from modal to fullscreen and constantly asking me the openAuth dialog to sign in. Below are images of that behaviour:
Content loaded on .open method:

Blank loop when using .openAuth method:

Which platform(s) does your issue occur on?
iOS iPhone 11 Emulator
Please, provide the following version numbers that your issue occurs with:
- CLI: 4.13.0
- Plugin(s):
{
"dependencies": {
"@react-native-community/async-storage": "^1.11.0",
"@react-native-community/hooks": "^2.6.0",
"@react-native-community/masked-view": "^0.1.10",
"@react-navigation/native": "^5.7.3",
"@react-navigation/stack": "^5.9.0",
"axios": "^0.19.2",
"immer": "^7.0.7",
"lottie-ios": "^3.1.8",
"lottie-react-native": "^3.5.0",
"polished": "^3.6.5",
"prop-types": "^15.7.2",
"qs": "^6.9.4",
"react": "16.13.1",
"react-native": "0.62.2",
"react-native-code-push": "^6.3.0",
"react-native-dropdown-picker": "^3.1.11",
"react-native-fast-image": "^7.0.2",
"react-native-flash-message": "^0.1.15",
"react-native-flipper": "^0.62.0",
"react-native-gesture-handler": "^1.7.0",
"react-native-image-crop-picker": "^0.32.2",
"react-native-image-picker": "^2.3.3",
"react-native-inappbrowser-reborn": "^3.4.0",
"react-native-linear-gradient": "^2.5.6",
"react-native-masked-text": "^1.13.0",
"react-native-reanimated": "^1.10.1",
"react-native-safe-area-context": "^3.1.1",
"react-native-screens": "^2.10.1",
"react-native-shimmer-placeholder": "^1.0.36",
"react-native-ultimate-config": "^3.2.3",
"react-native-vector-icons": "^7.0.0",
"react-native-webview": "^10.3.3",
"react-redux": "^7.2.1",
"reactotron-react-native": "^5.0.0",
"reactotron-redux": "^3.1.2",
"reactotron-redux-saga": "^4.2.2",
"redux": "^4.0.5",
"redux-persist": "^6.0.0",
"redux-saga": "^1.1.1",
"styled-components": "^5.1.1"
},
"devDependencies": {
"@babel/core": "^7.11.1",
"@babel/runtime": "^7.11.2",
"@react-native-community/eslint-config": "^2.0.0",
"babel-jest": "^26.2.2",
"babel-plugin-root-import": "^6.4.1",
"commitlint": "^11.0.0",
"eslint": "7.6.0",
"eslint-config-airbnb": "^18.2.0",
"eslint-config-prettier": "^6.10.0",
"eslint-import-resolver-babel-plugin-root-import": "^1.1.1",
"eslint-plugin-import": "^2.21.2",
"eslint-plugin-jsx-a11y": "^6.3.1",
"eslint-plugin-prettier": "^3.1.4",
"eslint-plugin-react": "^7.20.5",
"eslint-plugin-react-hooks": "^4.0.8",
"husky": "^4.3.0",
"jest": "^26.2.2",
"lint-staged": "^10.4.0",
"metro-react-native-babel-preset": "^0.61.0",
"prettier": "^2.0.5",
"react-test-renderer": "16.13.1"
}
}
Please, tell us how to recreate the issue in as much detail as possible.
Implement InAppBrowser, and try to openAuth the url: https://id.layers.digital
About this issue
- Original URL
- State: closed
- Created 4 years ago
- Comments: 16 (8 by maintainers)
@jdnichollsc Okta Web Widget won’t really suit the app, there’s nothing we can do to debug why it’s not loading? Did you try and managed to load the
https://id.layers.digitalURL?@jdnichollsc just managed to test this on my iOS device. The lib worked flawlessly , including the openAuth with the
ephemeralWebSessiondisabled. There’s seems to be an issue with the emulator realmI was actually using that way and Apple rejected the app because of that behavior, so nope, with Linking it was actually working. 😕
Also something I noticed is that, even with the
.openmethod, it only loads the content if I open in normal Safari first. If I don’t, it loads so slowly that it doesn’t finish loading, but if I open once in Safari (whether clicking the safari button on the InAppBrowser, or opening the Sarafi app) it loads every time after.