dotnet / dotnet/maui

TabbedPage with WidthRequest and/or HeightRequest fails to render

Open
#5,747 7 comments 0 reactions 0 assignees View on GitHub
area-controls-tabbedpage good first issue platform/macos s/triaged s/verified t/bug
Dominant language
C#
Stars
23.3k
Forks
2k
Avg merge
1d 14h
Merged PRs (30d)
296

Description

### Description

If you add a `WidthRequest` or `HeightRequest` to a `TabbedPage`, it does not render correctly.

Without either, it renders as expected:

image

If you add a `WidthRequest`, all tabs get crammed into the corner, even if the WidthRequest is wide enough (on iOS, nothing renders):

image

In addition, the background of the window changes, suggesting a render failure.

If you add a `HeightRequest` or both, the page becomes blank.

image

### Steps to Reproduce

1. Create a new MAUI app
2. Change your `MainPage.xaml.cs` to inherit from `TabbedPage`:

```csharp
namespace MauiTabbedPageBug;

public partial class MainPage : TabbedPage
{
public MainPage()
{
InitializeComponent();
}
}
```

3. Change your `MainPage.xaml` to a simple tabbed page:

```xml

```

Remove/add the `WidthRequest`/`HeightRequest` attributes.

### Version with bug

Preview 14 (current)

### Last version that worked well

Unknown/Other

### Affected platforms

iOS, macOS

### Affected platform versions

iOS 15.2, macOS 12.3

### Did you find any workaround?

_No response_

### Relevant log output

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with the reproduced MAUI app in MainPage.xaml.cs and MainPage.xaml, using the TabbedPage with WidthRequest and HeightRequest on iOS and macOS. Run the listed steps, compare behavior with and without those attributes, and consider the issue done when the tabs render correctly in both cases.

Written by the indexing model from the issue text.

Assessment

Tech stack
csharp
Domain
desktop-dev, 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.