WebView within TabbedPage on Android has weird scrolling interactions

Open

#6,487 opened on Apr 25, 2022 12 comments 0 reactions 1 assignee Claimed by @jsuarezruiz View on GitHub

area-controls-webview p/2 platform/android t/bug

Dominant language: C#
Stars: 23.3k
Forks: 2k
Avg merge: 1d 10h
Merged PRs (30d): 297

Description

### Description

If you put a WebView (for example BlazorWebView, but it doesn't have to be Blazor) inside a TabbedPage, and the content within the webview has horizontal scrolling, then trying to scroll the web content horizontally will cause the enclosing TabbedPage to scroll and switch to the previous/next tab.

This basically means you can't have this combination of controls as the UX is broken. On other platforms this problem doesn't occur because other platforms don't use swipe left/right to switch tabs.

**Expected behavior**: If the touch interaction starts within the webview, it should not scroll the enclosing TabbedPage.

### Steps to Reproduce

Create MAUI app. Add TabbedPage with multiple tabs. Add WebView inside one of the tabs. Get the webview to show some web content like:

```

Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello

```

... then run the app on Android and try to scroll that content.

### Version with bug

Release Candidate 1 (current)

### Last version that worked well

Unknown/Other

### Affected platforms

Android

### Affected platform versions

All

### Did you find any workaround?

_No response_

### Relevant log output

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

WebView within TabbedPage on Android has weird scrolling interactions

Description

Contributor guide

Assessment

Get new issues in your inbox