apache / apache/cordova-plugin-inappbrowser

inappbrowser ios vertical scroll not working.

Open
#392 6 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.