[iOS] Button background not appearing when setting Gradient and Shadow

[riccardominato]

Description

I was trying to create a button with a shadow and setting a gradient as background.

On iOS the rendered button has a transparent background and has no shadow.
If I trigger Hot Reload on gradient, background and shadow appear.

Steps to Reproduce

1. Create a button.
2. Set the Button.Shadow property.
3. Set the Button.Background property to a gradient.

Expected result (Android)*

Actual result (iOS)

* The shadow is actually not perfect even in Android. You can notice that it's cut at the button bottom.

Link to public reproduction project repository

https://github.com/Riccardo11/MauiIssues/tree/main/ButtonWithGradientAndShadow

Version with bug

7.0 (current)

Last version that worked well

Unknown/Other

Affected platforms

iOS, macOS

Affected platform versions

iOS 16.2, MacOS 12.6

Did you find any workaround?

Wrapping the button inside a Border control and setting Shadow and Gradient Background for the Border seems to do the job.

Relevant log output

No response

[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.

[DeepWorksStudios]

This issue is still present in the lastest version of Maui and iOS just it behaves slightly differently