Picker width on Windows not filling container

[mike3sullivan]

Description

When placing a Picker control inside a grid, it does not resize to fill the grid cell on Windows like it does on Android.

Steps to Reproduce

Maui Picker Width.zip
Place a picker control inside a grid -- added backgroundcolors and a margin to show relative sizes.
On Android, it shows the Picker fills the cell; on Windows it shows the Picker as a minimal size inside the larger(blue) cell.

    <Grid ColumnDefinitions="*,*,*" RowDefinitions="*,*,*"  >
        <Grid Grid.Column="1" Grid.Row="1"  BackgroundColor="Blue">
        <Picker SelectedItem="Baboon" BackgroundColor="Green" Margin="3">
            <Picker.Items>
                <x:String>Baboon</x:String>
                <x:String>Capuchin Monkey</x:String>
            </Picker.Items>
        </Picker>
        </Grid>
    </Grid>

Version with bug

Release Candidate 1 (current)

Last version that worked well

Unknown/Other

Affected platforms

Windows

Affected platform versions

Windows 10

Did you find any workaround?

setting width and height manually

Relevant log output

No response

[XamlTest]

Verified this issue with Visual Studio Enterprise 17.3.0 Preview 1.0 [32414.199.main]. Repro on Windows with above project.

[kristinx0211]

still an issue on windows with 17.3.0 Preview 2.0 [32507.29.main].

[samhouts]

Still an issue on 6.0.300-rc.4.5760

[austinthale]

On top of that, when a title is set, it appears above the actual picker area instead of inside of it:

[ghost]

We've moved this issue to the Backlog milestone. This means that it is not going to be worked on for the coming release. We will reassess the backlog following the current release and consider this item at that time. To learn more about our issue management process and to have better expectation regarding different types of issues you can read our Triage Process.

[notanaverageman]

To workaround this issue I have mapped the HorizontalOptions of Picker to HorizontalAlignment of ComboBox on Windows.

#if WINDOWS
...
PickerHandler.Mapper.Add(nameof(View.HorizontalOptions), MapHorizontalOptions);
...

private static void MapHorizontalOptions(IViewHandler handler, IView view)
{
	if (view is not View mauiView)
	{
		return;
	}

	if (handler.PlatformView is not Microsoft.UI.Xaml.FrameworkElement element)
	{
		return;
	}

	element.HorizontalAlignment = mauiView.HorizontalOptions.Alignment switch
	{
		LayoutAlignment.Start  => Microsoft.UI.Xaml.HorizontalAlignment.Left,
		LayoutAlignment.Center => Microsoft.UI.Xaml.HorizontalAlignment.Center,
		LayoutAlignment.End    => Microsoft.UI.Xaml.HorizontalAlignment.Right,
		LayoutAlignment.Fill   => Microsoft.UI.Xaml.HorizontalAlignment.Stretch,
		_ => throw new ArgumentOutOfRangeException()
	};
}
#endif

[nk54]

I hate this picker look on Windows... If you set a width, nice it's ok. Select an item, the width of the picker is updated to be the size of the selected item. If I set my Picker width to be 200, don't change it to 100 or 120 or 150 depends on the length of the selected item display string value...

[davepruitt]

Currently experiencing this bug as well.

[Mzazvor]

Im still having this issue with 17.3.4.

[NPadrutt]

yeah, I still experience this issue as well.. Given it is in the backlog for more than half a year at this point it seems that doesn't change anytime soon.

[williambohrmann3]

Also able to repro

[returnNnull]

Same problem

[melelise89]

Still experiencing this issue. Thanks for the workaround @notanaverageman!

[nicop85]

+1 to upvote this issue in the priority list