XAML: let's use ShouldConstrainToRootBounds="False"

[Jay-o-Way]

The XAML property ShouldConstrainToRootBounds allows a Flyout to not be constrained to the parent window. This will make UI much prettier. It can be applied to:

• Environment Variables > Button.Flyout
• Hosts > MainPage > Button.Flyout
• PowerRename > RegexFlyout and DateTimeFlyout
• Settings > Controls > AlphaColorPickerButton and ColorPickerButton
• Settings > several small Flyouts, but they're already smaller than the Min size of parent window

https://learn.microsoft.com/uwp/api/windows.ui.xaml.controls.primitives.flyoutbase.shouldconstraintorootbounds

Examples

Settings (before)

PowerRename (before)

Environment Variables (before/after)

[stefansjfw]

Not sure if we can do anything about this. I believe this is how it works. @niels9001 ?

[Jay-o-Way]

True. At least, in v1.4(peview) there's a new property: ShouldConstrainToRootBounds https://learn.microsoft.com/uwp/api/windows.ui.xaml.controls.primitives.flyoutbase.shouldconstraintorootbounds?view=winrt-22621#windows-ui-xaml-controls-primitives-flyoutbase-shouldconstraintorootbounds

[Jay-o-Way]

Note: broadened the issue to use ShouldConstrainToRootBounds

[Jay-o-Way]

@niels9001 looks easy, by itself. Want me to look into this, or somebody else?

[niels9001]

@niels9001 looks easy, by itself. Want me to look into this, or somebody else?

Feel free to pick it up! Yeah, should be an easy tweak now that it's supported in 1.4! Thanks!

[stefansjfw]

The work associated with this issue has been released as part of the 0.76 sprint. Please update PowerToys to the latest. https://github.com/microsoft/PowerToys/releases