UWP Flyout Problem
-
I'm having an issue with a nested button flyout that I can't figure out. ( Screenshot of the problem --> Uwp Flyout Issue[^] ) Basically, a hamburger button's flyout contains a Splitview, where the pane is a Listview menu. When a menu item is chosen, the SplitView's content frame navigates to an associated page. Simple enough. On a menu page, if I have a button with a flyout that contains a ColorPicker, there seems to be some sort of dismiss area overlap problem. I've tried various combination of LightDismissOverlayMode settings on the SplitView and the button flyouts, to no avail. Here's the hamburgar button within the StackPanel of the main page:
... and the main layout StackPanel of the selected menu page that contains the ColorPicker in a button's flyout:
-
I'm having an issue with a nested button flyout that I can't figure out. ( Screenshot of the problem --> Uwp Flyout Issue[^] ) Basically, a hamburger button's flyout contains a Splitview, where the pane is a Listview menu. When a menu item is chosen, the SplitView's content frame navigates to an associated page. Simple enough. On a menu page, if I have a button with a flyout that contains a ColorPicker, there seems to be some sort of dismiss area overlap problem. I've tried various combination of LightDismissOverlayMode settings on the SplitView and the button flyouts, to no avail. Here's the hamburgar button within the StackPanel of the main page:
... and the main layout StackPanel of the selected menu page that contains the ColorPicker in a button's flyout:
You're varying different backgrounds; it looks like you're creating a partial transparency (which might be inherited).
It was only in wine that he laid down no limit for himself, but he did not allow himself to be confused by it. ― Confucian Analects: Rules of Confucius about his food
-
You're varying different backgrounds; it looks like you're creating a partial transparency (which might be inherited).
It was only in wine that he laid down no limit for himself, but he did not allow himself to be confused by it. ― Confucian Analects: Rules of Confucius about his food
That's a good theory, and it led me to the solution. If you refer back to the picture linked in the OP, the problem smells of two transparencies overlapping each other, but even when removing all transparent colors from my code, the problem persisted. So, for a final test I went into my Windows Settings/Personalization/Colors and noticed "Transparency Effects" was enabled. Disabling it solved the problem, and I guess it makes sense since my app inherits its theme from the Windows settings on my PC. Nevertheless, this seems like an odd behavior from the base Windows theme for it to show up only when related to flyouts. I'm guessing there's a way to override the base theme on a child flyout, but for now I'm just going to leave Transparency Effects disabled. Thanks for nudging me in the right direction!
Regards, R. Wey