dotnet / dotnet/maui

Label in Shell.TitleView wraps to multiple lines instead of showing ellipsis.

Open
#36,099 11 comments 1 reaction 0 assignees View on GitHub
area-controls-shell platform/android platform/ios platform/windows s/needs-info s/needs-repro t/bug
Dominant language
C#
Stars
23.3k
Forks
2k
Avg merge
1d 15h
Merged PRs (30d)
290

Description

### Description

## Description

When using a `Label` inside `Shell.TitleView` with `LineBreakMode="TailTruncation"` and `MaxLines="1"`, long text is not truncated with an ellipsis (`...`) as expected.

Instead, the title is rendered across two lines and the text is clipped, even though the label is explicitly configured to display only a single line with tail truncation.

## Reproduction

```xml



```

1. Add the above `TitleView` to a page.
2. Set `PageTitle` to a string longer than the available title area width.
3. Run the application on Android.
4. Observe the title rendering.

## Expected Behavior

The title should remain on a single line and display an ellipsis (`...`) at the end when the text exceeds the available width.

Example:

```text
This is a very long page title that...
```

## Actual Behavior

The title is rendered on two lines and is clipped/cut off instead of showing an ellipsis, despite `LineBreakMode="TailTruncation"` and `MaxLines="1"` being set.

See attached screenshot for reference.

Image

## Platform

* .NET MAUI: 10.0.10
* Android: 36
* iOS: 17, 26

## Additional Notes

This issue appears to be specific to `Shell.TitleView`. The same `Label` configuration works as expected in other layouts, where text is properly truncated with an ellipsis.

### Steps to Reproduce

1. In ContentPage use ShellNavBar
2. Create with label to show longer text with ellipsis.
3. Run the app and noticed that longer text in Title does not showing ellipsis.

### Link to public reproduction project repository

_No response_

### Version with bug

10.0.10

### Is this a regression from previous behavior?

Yes, this used to work in Xamarin.Forms

### Last version that worked well

Unknown/Other

### Affected platforms

Android, iOS, Windows

### Affected platform versions

iOS 17, Android 36

### Did you find any workaround?

Not yet

### Relevant log output

```shell

```

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue with the provided Shell.TitleView and Label configuration on the affected platforms, especially Android. Trace how Shell.TitleView measures and lays out the label, then verify that a long title remains on one line and shows tail ellipsis while preserving the reported behavior in other layouts.

Written by the indexing model from the issue text.

Assessment

Tech stack
csharp
Domain
frontend, mobile-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.