Description

I am rotating this border which is roughly as big as the screen on its left edge using RotateY.
Rotation works well however when the object reaches about 70-degree rotation, and only if it has a shadow that with an opacity greater than 0 it disappears, then it reappears again at around 110 degrees, so there is an arc where the object is invisible while it is rotating. If the shadow is removed, the behaviour returns to normal. As the rotation progresses object moves behind and it does not have the same issue while it is moving across 180 degrees. So it only happens when it is on the front.

The same issue with both iOS and Android, however, it seems to be less pronounced. If it is disappearing for an arc of 40 degrees on iOS, it is more like 20 on Android.

Steps to Reproduce

Download the code from the public repo
Deploy onto an iOS simulator (I used iPhone 14 Pro) and observe the problem.
Go to the XAML file, comment out the shadow, and deploy again to observe the issue disappears.
Optionally repeat the same on Android.

Link to public reproduction project repository

https://github.com/cagriy/maui_test_2

Version with bug

7.0.92

Last version that worked well

Unknown/Other

Affected platforms

iOS, Android

Affected platform versions

iOS 16.4, Android 33

Did you find any workaround?

No

Relevant log output

No response