apache / apache/cordova-plugin-inappbrowser
inappbrowser ios vertical scroll not working.
- Dominant language
- Java
- Stars
- 1.1k
- Forks
- 2.2k
- PR merge metrics
- No merged PRs in 30d
Description
I’ve created an extremely simple app based on the blank starter template that just wraps a website using InAppBrowser 3.
Using Android Studio via a virtual device, the app works as expected - the browser allows me to scroll a page vertically to read content therein.
However, using the Ionic DevApp on iOS 11.4.1 (iPhone) the page loads, but does not let me scroll vertically -it appears to be locked when I swipe up/down.
Here’s my code:
**home.html**
```
InAppBrowser Test
Waiting for InAppBrowser content...
```
**home.ts**
```
import { Component } from '@angular/core';
import { InAppBrowser, InAppBrowserOptions } from "@ionic-native/in-app-browser";
import { Platform } from 'ionic-angular';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
constructor(
private iab: InAppBrowser,
private platform: Platform
) {
const iabOptions: InAppBrowserOptions = {
clearcache: 'yes',
clearsessioncache: 'yes',
hideurlbar: 'yes',
location:'no',
zoom:'no'
}
this.platform.ready().then(() => {
const browser = this.iab.create('https://en.wikipedia.org/wiki/Ionic_(mobile_app_framework)','_self', iabOptions);
browser.show();
});
}
}
```
**Ionic Info**
```
cli packages: (C:\Users\lenovo\AppData\Roaming\npm\node_modules)
@ionic/cli-utils : 1.19.0
ionic (Ionic CLI) : 3.19.0
global packages:
cordova (Cordova CLI) : not installed
local packages:
@ionic/app-scripts : 3.2.1
Cordova Platforms : android 6.2.3 ios 4.4.0
Ionic Framework : ionic-angular 3.9.2
System:
Node : v6.11.2
npm : 3.10.10
OS : Windows 10
Environment Variables:
ANDROID_HOME : not set
Misc:
backend : pro
```
Contributor guide
Research direction
Start with home.ts and the InAppBrowser.create call, using the supplied home.html and iOS 11.4.1 setup to reproduce the locked vertical scrolling. Compare the iOS behavior with the working Android case and inspect the InAppBrowser plugin entry points involved in creating the _self browser. Done means the Wikipedia page scrolls vertically on iOS without regressing Android behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- ios, typescript
- Domain
- mobile-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100