Button Render full screen when using Gradient as Background

[archergod]

Description

I have a Xamarin App that I upgrade to Maui and app is already live so all buttons looks great. After upgrade I have Android version going smooth, But on iOS it render the Buttons with Background as LinearGradient as in image

this is my Resource for Gradient

<LinearGradientBrush x:Key="GradientBlueBackground" StartPoint="0,0" EndPoint="0,1">
<GradientStop Offset="0" Color="{StaticResource Primary}" />
<GradientStop Offset="1" Color="#073779" />
</LinearGradientBrush>

<Style x:Key="GreenButton" TargetType="Button">
		<Setter Property="TextColor" Value="{AppThemeBinding Dark=White, Light=White}" />
		<Setter Property="CornerRadius" Value="7" />
		<Setter Property="FontSize" Value="13" />
		<Setter Property="ContentLayout" Value="Right,10" />
		<Setter Property="Background" Value="{StaticResource GradientBlueBackground}" />
		<Setter Property="Padding">
			<Setter.Value>
				<OnPlatform x:TypeArguments="Thickness">
					<On Platform="Android" Value="20,10" />
					<On Platform="iOS" Value="18,10" />
				</OnPlatform>
			</Setter.Value>
		</Setter>
		<Setter Property="FontFamily" Value="Poppins-Regular" />
		<Setter Property="VisualStateManager.VisualStateGroups">
			<VisualStateGroupList>
				<VisualStateGroup x:Name="CommonStates">
					<VisualState x:Name="Disabled">
						<VisualState.Setters>
							<Setter Property="BackgroundColor" Value="#0c6344" />
						</VisualState.Setters>
					</VisualState>
					<VisualState x:Name="Pressed">
						<VisualState.Setters>
							<Setter Property="Background" Value="{StaticResource GradientRedBackground}" />
						</VisualState.Setters>
					</VisualState>
				</VisualStateGroup>
			</VisualStateGroupList>
		</Setter>
	</Style>

the Login word blue is suppose to be small to just cover the button text.

Steps to Reproduce

No response

Link to public reproduction project repository

No response

Version with bug

8.0.40 SR5

Is this a regression from previous behavior?

Yes, this used to work in Xamarin.Forms

Last version that worked well

Unknown/Other

Affected platforms

iOS

Affected platform versions

No response

Did you find any workaround?

No response

Relevant log output

No response

[github-actions]

Hi I'm an AI powered bot that finds similar issues based off the issue title.

Please view the issues below to see if they solve your problem, and if the issue describes your problem please consider closing this one and thumbs upping the other issue to help us prioritize it. Thank you!

Open similar issues:

• [iOS] Button background not appearing when setting Gradient and Shadow (#12959), similarity score: 0.80
• Can't use LinearGradientBrush as Button Background on iOS (#20218), similarity score: 0.80

Closed similar issues:

• .NET MAUI style problem with gradient colors - Android (#11601), similarity score: 0.81
• [mauipalooza] Button background doesn't render gradient (#5950), similarity score: 0.79
• Gradient not appearing on iOS (#8402), similarity score: 0.78

Note: You can give me feedback by thumbs upping or thumbs downing this comment.

[archergod]

Closing as same as #20218