Flyout margins and settings do not display correctly

[mobycorp]

Description

I have a simple flyout with a header and several pages defined in a shell xaml file. One of these issues has been present in both preview 12 and preview 13 and the other issue broke in preview 13. For reference, here is the top bit of the shell xaml file...

I am setting Flyout width to 210 pixels. When the app is first fired up, the width setting is not honored as shown in the next screenshot. Also notice the placement of the flyout header and tab headers. They are evenly spaced from the top of the window. This broke in preview 13.

You can see the width of the flyout is set to the default width and the 210 pixel setting is not being calculated. If you simply change the page, the width is then properly calculated as shown in the next screenshot.

The flyout margin issue started in preview 13. In preview 12 it was fine.

Steps to Reproduce

1. Create a new .NET Maui project
2. Create a layout with the code from above. Include at least two pages of shell content.
3. Fire the app up. The flyout width will be incorrect.
4. Change the page tab. The flyout width will then be recalculated and display correctly.

Version with bug

Preview 13 (current)

Last version that worked well

Unknown/Other

Affected platforms

Windows

Affected platform versions

Dependency net6.0-windows10.0.19041

Did you find any workaround?

No

Relevant log output

N/A

[wenwen60]

Reproduce on windows using VS2022(17.2.0 Preview 2.0), attach repro sample
4762.zip.

[PureWeen]

This is most likely related to this issue
#4719

it seems like the new layouts don't take into account the margin when setting the frame or the code being used in ListView / Shell to measure is incorrect

[davidortinau]

Given recent related fixes, this needs to be revalidated.

[Redth]

This appears to be fixed in main: