[Bug] PopUp looks different on iOS

[alex3326]

Description
Simple popup looks different on Android and iOS devices. The background shadow is on the inside on iOS not on the outside. See images to compare results.

Basic Information

IDE: Visual Studio 2019 v.16.11.7
Xamarin.Forms: 5.0.0.2244
Xamarin.CommunityToolkit: 1.3.1
Android TestDevice: Android 11.0
iPhone TestDevice: iOS 15.0.2

XML Code

Android

iOS

[bijington]

@alex3326 are you using Dark mode on the iOS device?

[alex3326]

@bijington

Yes but the dark background is still missing on the light mode. Or is there never a dark background like on Android?

Thanks for the hint ^^.

[bijington]

@bijington

Yes but the dark background is still missing on the light mode. Or is there never a dark background like on Android?

Thanks for the hint ^^.

Sorry I don't know too much around Popups by my initial thoughts are that it is down to the appearance set on the phone.

The below shows the same popup being rendered on the same device with just changing the appearance setting on iOS.

There should be a similar setting on Android, have you got that set to light or dark?

Light mode

Dark mode

Anyway if you want to override the colours you see here you can set the BackgroundColor or Color of the popup or inner controls to what you would like.

[Sergtek]

Exactly the same thing happens to me in iOS, the dark background does not appear, is it a bug? or is it the expected behavior in iOS? On Android, however, it works correctly and shows the background darkened. I have prepared a repository on GitHub to be able to reproduce it :
https://github.com/nacompllo/PopupBackgroundTransparent

If anyone can shed any information on this I would appreciate it.

[karimElJed]

As normal system popups have a darkened background I would assume this is a bug or at least a missing feature. @VladislavAntonyuk is the behaviour the same for the MAUI version?

[dasunmax89]

I did a small workaround by showing a full-screen contentview of BackgroundColor="#CC000000"