question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Flyout background doesn't change when it's locked

See original GitHub issue

Description

I having this same problem #6552. The flyout background color can’t be set in windows. But it is supposed to be fixed now.

Steps to Reproduce

<Shell
    x:Class="MauiShellBug.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="MauiShellBug"
    FlyoutBehavior="Locked"
    FlyoutBackgroundColor="White">

    <FlyoutItem Title="Home">
        <Tab>
            <ShellContent 
                ContentTemplate="{DataTemplate local:MainPage}"
                Route="MainPage" />
        </Tab>
    </FlyoutItem>

</Shell>

Version with bug

7.0 (current)

Last version that worked well

Unknown/Other

Affected platforms

Windows

Affected platform versions

windows10 19044.2486

Did you find any workaround?

No response

Relevant log output

No response

Issue Analytics

  • State:open
  • Created 8 months ago
  • Comments:7

github_iconTop GitHub Comments

1reaction
argraurcommented, Apr 11, 2023

Fixed in https://github.com/dotnet/maui/pull/13132. But they pushed the fix into .NET 8.0, so upgrading to that is the only workaround, it seems 😦

0reactions
ziaulhasanhamimcommented, Aug 16, 2023

I have tried this with latest .net 7. The issue is still there. I would try with new previews and inform asap.

Read more comments on GitHub >

github_iconTop Results From Across the Web

NET Maui Shell Flyout changes Color imediately after run
I tested your sample and the Nav-Bar on the side remains purple which works well. Since you set the Shell.FlyoutBehavior="Locked" , probably ...
Read more >
NET MAUI Shell flyout
Locked – indicates that the flyout can't be closed by the user, and that it doesn't overlap content. The following example shows how...
Read more >
MenuFlyoutPresenter displayed with wrong background ...
When a MenuFlyout control is placed within a CommandBar inside the Page.TopAppBar (or BottomAppBar), in Light theme the MenuFlyoutPresenter ...
Read more >
Illustrator 2019/2020 Menu Flyouts stuck in left c...
Now it doesn't work. I reinstalled, deleted prefs and rebooted. Still the same issue with menus stuck to the upper left of my...
Read more >
ModernFlyouts [Windows 10] App Review - YouTube
Modern Flyouts changes your default flyouts in Windows 10 to a more modern-styled one with the ability to toggle light and dark themes...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found