bug: swipeable modal does not toggle statusbar color for black background

[hansPeter055]

Feature Request

Ionic version:

[x] 5.x

Describe the Feature Request

On the iPhone X or any iPhone with an edge-to-edge display, in ionic the new iOS 13 style modal presents in a kind of wrong animation. The edges should start transform from the iPhone X round edges.

How it is in Ionic:

Describe Preferred Solution

How it should be:

It would be nice if anyone could add this animation when on an iPhone with an edge-to-edge display to start transforming the border-radius of the presenting element with the correct iPhone edge radius. And it should also change the statusbar color from black to white (in light mode).

Also in dark mode the background of the presenting element should transition to a dark gray.

[EinfachHans]

+1

[liamdebeasi]

Thanks, I agree that this should be automatic. As a temporary workaround, you can toggle the status bar color yourself when you open/close a modal.

[liamdebeasi]

Changing this to a feature request and this is going to require an update to Capacitor. For now, developers can manually toggle the status bar styles themselves.

[BerkeAras]

@liamdebeasi How is it possible to toggle the statusbar color manually? On native modals, the statusbar toggles if the modal is on the half height of the statusbar. Is it possible to get the top position of the modal?