Skip to content

[Windows] Fix ActionSheet maximum size and styling #30835

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

morning4coffe-dev
Copy link
Contributor

Description of Change

Issues Fixed

This pull request addresses improvements to the ActionSheet implementation on Windows, focusing on better layout handling, text wrapping, and display consistency.

Previous/current Windows behavior, Android behavior

Previous Windows behavior

Screenshot 2025-07-24 165202

Current Windows behavior

image

Android

Screenshot 2025-07-25 104546

Key changes include updating the ActionSheet dialog's layout and styles to match other platforms behavior and be more in-line with Fluent Design system.

Fixes #25200

@dotnet-policy-service dotnet-policy-service bot added the community ✨ Community Contribution label Jul 25, 2025
Copy link
Contributor

Hey there @@morning4coffe-dev! Thank you so much for your PR! Someone from the team will get assigned to your PR shortly and we'll get it reviewed.

namespace Maui.Controls.Sample.Issues
{
[Issue(IssueTracker.Github, 25200, "Actionsheet maximum size has been hardcoded on windows, creating display issues", PlatformAffected.UWP)]
public class Issue25200 : TestContentPage
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is fine. Now, the next step would be create a test. You must create a class Issue25200 in this folder: https://github.com/dotnet/maui/tree/main/src/Controls/tests/TestCases.Shared.Tests/Tests/Issues

Inherit from _IssuesUITest. Then create a test inside. My recommendation would be to tap the buttons, and verify a screenshot to validate the size of the ActionSheet.

Let me know if needs help with anything!

<Style x:Key="MauiFlyoutPresenterStyle" TargetType="FlyoutPresenter">
<Setter Property="MaxHeight" Value="{x:Null}" />
<Setter Property="MaxWidth" Value="{x:Null}" />
<Setter Property="MinWidth" Value="350"/>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Extract to <x:Double x:Key="FlyoutMinWidth">350</x:Double>

Background="{TemplateBinding Background}"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}">
<ScrollViewer x:Name="ScrollViewer"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Change from generic "ScrollViewer" to "FlyoutScrollViewer" for better debugging in the future.

@@ -0,0 +1,61 @@
namespace Maui.Controls.Sample.Issues
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

super nit: File-scope namespace is preferred.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area-controls-dialogalert DisplayAlert, dialog community ✨ Community Contribution platform/windows
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Actionsheet maximum size has been hardcoded on windows, creating display issues
3 participants