[Bug] TableView in Shell is too wide with a horizontal scrollbar on landscape iOS

[paya-cz]

Description

When I put a TableView within a ContentPage of a Xamarin.Forms Shell project, it seems that the ContentPage and TableView both attempt to deal with SafeAreaInsets on iOS somehow at the same time.

In landscape orientation, the safe area insets are overcompensated, thus creating a horizontal scrollbar within the TableView. Using ios:Page.UseSafeArea="False" does not help. I was not able to find any workaround.

Do note that if I am not using Shell, this issue does not happen.

Steps to Reproduce

1. Create a new Shell app, use the standard template in VS.
2. Create a simple TableView with a couple of cells directly in a ContentPage.Content.
3. Run in an iOS simulator with a notch (iPhone 11), rotate to landscape.
4. Observe the horizontal scrollbar created within the TableView.

Expected Behavior

No horizontal scrollbar is created in landscape, and the TableView dimensions stay within bounds.

Actual Behavior

TableView's inner content seems to overflow the device dimensions, thus leading to a horizontal scrollbar with a clearly broken user experience.

Basic Information

• Version with issue: 4.5.0.530
• Last known good version: Unknown
• IDE: Visual Studio Community 2019 for Mac, Version 8.5.1 (build 42)
• Platform Target Frameworks:
  • iOS: 8.0
• Nuget Packages: only Xamarin.Forms
• Affected Devices: as far as I can tell, all iOS devices with a notch

Screenshots

Reproduction Link

withshell.zip

Workaround

No workaround known.

[paya-cz]

A similar bug happens with a ListView also. However, there is a workaround for this bug when using ListView. SImply wrap the listview inside of a StackLayout instead of putting it directly into the ContentPage.Content.