Popup not bottom centered

[AlleSchonWeg]

Description

Hi,
i tried to center the Popup at the screen bottom. But its always align left:

Do i something wrong or is this a bug? In my case the ContentPage is in a NavigationPage and the NavigationPage is part of a TabbedPage.
In opposition to the BottomSheet issue #281 the TabbedPage is covered by the Popup 👍

Steps to Reproduce

My demo xaml:

	<ContentPage.ToolbarItems>
		<ToolbarItem Text="Popup"
					 Clicked="ToolbarItem_Clicked" />
		<ToolbarItem Text="BottomSheet"
					 Clicked="ToolbarItem_Clicked_1" />
	</ContentPage.ToolbarItems>
	<ContentPage.Content>
		<AbsoluteLayout x:Name="ContainerView"
						BackgroundColor="BlueViolet">
			<Label Text="Hallo Page"
				   AbsoluteLayout.LayoutFlags="PositionProportional"
				   AbsoluteLayout.LayoutBounds="0.5,0.5"></Label>
			<sft:SfPopup x:Name="myPopup"
						 ShowFooter="False"
						 AnimationMode="SlideOnBottom"
						 AnimationDuration="300"
						 ShowCloseButton="True"
						 RelativeView="{x:Reference ContainerView}"
						 RelativePosition="AlignBottom">
				<sft:SfPopup.PopupStyle>
					<sft:PopupStyle OverlayColor="#80000000"
									CloseIconColor="Green" />
				</sft:SfPopup.PopupStyle>
			</sft:SfPopup>
			<sft:SfBottomSheet IsOpen="False"
							   x:Name="bottomSheet">
				<sft:SfBottomSheet.BottomSheetContent>
					<Label Text="BottomSheet Content"></Label>
				</sft:SfBottomSheet.BottomSheetContent>
			</sft:SfBottomSheet>
		</AbsoluteLayout>

.NET Version

.NET 8.0

Version with bug

1.0.7

Is this a regression from previous behavior?

Not sure, haven't tested other versions

Last Known Working Version

1.0.6

Affected platforms

Android

Affected Platform Versions

No response

Have you found a workaround?

No response

Relevant log output

[AmalRajUmapathySelvam]

We regret to inform you that there is no direct support for centering a popup below a view in .NET MAUI.

However, you can achieve this by manually adjusting the popup’s X and Y positions. Calculate these values based on the target view’s coordinates (X, Y) and its dimensions (Width, Height). This approach allows you to horizontally center the popup beneath the view and align it at the bottom.

Please refer to the following code snippet and screenshot for implementation details.

MainPage.xaml
<sft:SfPopup x:Name="myPopup" ShowFooter="False" AnimationMode="SlideOnBottom" AnimationDuration="300" ShowCloseButton="True" HeightRequest="200" WidthRequest="313" > <sft:SfPopup.PopupStyle> <sft:PopupStyle OverlayColor="#80000000" CloseIconColor="Green" /> </sft:SfPopup.PopupStyle> </sft:SfPopup>

MainPage.cs
`private void ToolbarItem_Clicked(object sender, EventArgs e)
{
this.UpdatePopupPosition();
myPopup.Show();
}

private void UpdatePopupPosition()
{
var viewX = ContainerView.Bounds.X;
var viewY = ContainerView.Bounds.Y;

var viewWidth = ContainerView.Bounds.Width;

var viewHeight = ContainerView.Bounds.Height;

var popupWidth = myPopup.WidthRequest;

// Calculate centered X position

var popupX = viewX + (viewWidth / 2) - (popupWidth / 2);

// Show popup bottom of the view

var popupY = viewHeight - myPopup.HeightRequest;

myPopup.StartX = (int)popupX;
myPopup.StartY = (int)popupY;
} `

Output Screenshot: