Seeing some weird behavior with `graphicsLayer` + `shadowElevation` :thread: (using rc01)

# compose

[Tash]

Seeing some weird behavior with graphicsLayer + shadowElevation 🧵 (using rc01)

[Tash]

there seem to be some artifacts visible near the shadow (see bottom-left/top-left/right:

card-rotation-shadowelevation-rc01.mp4

[Tash]

Relevant code

Untitled.kt

[Tash]

Not sure if this is a bug, known or otherwise, or if its incorrect usage of the api

[Andrey Kulikov]

why do you set a shadow twice? Once with graphicsLayer() and another one with shadow(). Which one of those two gives this effect?

[Tash]

Sorry, that was a copy paste error. The .shadow() modifier just creates a feathered shadow around the Box. The shadowElevation in graphicsLayer is what produces the skewed shadow + artifacts, regardless of the .shadow() modifier

[Andrey Kulikov]

what if you try to split one graphicsLayer into two separate once, where one defines the rotation and another one the shadow?

[Tash]

that seems to work:

Box(
            modifier = Modifier
                .wrapContentSize()
                .graphicsLayer {
                    rotationX = /** **/
                    rotationY = /** **/
                    cameraDistance = /** **/
                }
                .graphicsLayer {
                    shadowElevation = elevation
                    shape = RoundedCornerShape(6.dp)
                },
        )

wondering why/how this separation works... 🤔 is this how the API is supposed to be used for this use case?

[Andrey Kulikov]

feel free to file a bug, we would explore is something can be improved on our side

[Tash]

thank you, will do!

[Tash]

https://issuetracker.google.com/issues/192895696