Platform layers clip popup shadows

[alexzhirkevich]

Affected platforms

• iOS

Versions

• Compose Multiplatform version*: 1.6.0

To Reproduce

Box(
    modifier = Modifier.fillMaxSize(),
    contentAlignment = Alignment.Center
) {
    Popup(alignment = Alignment.Center) {
        Box(
            Modifier
                .shadow(elevation = 32.dp, shape = RoundedCornerShape(16.dp))
                .background(Color.White)
                .clip(RoundedCornerShape(16.dp))
                .padding(50.dp)
        ) {
            Text("platformLayers = true")
        }
    }
}

[MatkovIvan]

It's a known, documented limitation at the moment. See docs:

Note that popups and dialogs are still unable to draw anything out of their own bounds (for example, a shadow of the topmost container).

You can use old behaviour with platformLayers = false or wrap Popup's content into a bigger Box with padding as a workaround.

Since there was no issue about it on GitHub, let's keep it to track this

[alexzhirkevich]

Is there any benefits of using platform layers in full-compose app?

[alexzhirkevich]

documented limitation at the moment

May be this should've been mentioned in the Breaking Changes section as it is set by default and kinda breaks popups that've been working before

[MatkovIvan]

Is there any benefits of using platform layers in full-compose app?

A new way is generally a more correct approach - Compose was designed there in a way to bind each layout node root to a separate platform view. In the case of a full-screen compose app - set of our old hacks should work fine. However, it might affect things like more correct a11y binding etc.

We're considering platformLayers = false as a temporal flag, so I encourage you to not consider it as a long-term solution

May be this should've been mentioned in the Breaking Changes section

The limitation itself shouldn't be in "Breaking Changes" - we'll fix it in future releases (already have some draft), but probably the point about platformLayers should have different wording. Anyway, thanks for this note, we'll reconsider this part.