dotnet / maui

.NET MAUI is the .NET Multi-platform App UI, a framework for building native device applications spanning mobile, tablet, and desktop.
https://dot.net/maui
MIT License
22.04k stars 1.73k forks source link

[Windows] Flyout Shell Content title is not broken over multiple lines. #15017

Open marekm294 opened 1 year ago

marekm294 commented 1 year ago

Description

The Flyout behaves differently on Android, iOS and Windows. I could not test it on mac.

This is my code <ShellContent Title="Home" ContentTemplate="{DataTemplate local:MainPage}" />

<ShellContent
    Title="EmptyView Text"
    ContentTemplate="{DataTemplate pages:CollectionViewInVerticalStack}"/>

<ShellContent
    Title="EmptyView Template"
    ContentTemplate="{DataTemplate pages:CollectionViewInVerticalStackEmptyViewTemplate}"/>

<ShellContent
    Title="EmptyView Template with behavior without height"
    ContentTemplate="{DataTemplate pages:CollectionViewInVerticalStackEmptyViewTemplateDummyBehavior}"/>

<ShellContent
    Title="EmptyView Template with behavior with height"
    ContentTemplate="{DataTemplate pages:CollectionViewInVerticalStackEmptyViewTemplateDummyBehaviorWithHeight}"/>

and this is result for: android: Flyout-android

iOS Flyout-iOS

Windows

Flyout windows

Steps to Reproduce

Use ShellContent with really long Title and use Flyout.

Link to public reproduction project repository

**

Version with bug

7.0 (current)

Last version that worked well

Unknown/Other

Affected platforms

Windows

Affected platform versions

Windows 11

Did you find any workaround?

Set Flyout width for windows

Relevant log output

No response

marekm294 commented 1 year ago

Just one quick info. It seems it works on mac image so the problem is only windows.

XamlTest commented 1 year ago

Verified this on Visual Studio Enterprise 17.7.0 Preview 2.0. Repro on Windows 11, not repro on Android 13.0-API33 and iOS 16.4 with below Project: 15017.zip