Jetpack Compose Surface пульсация щелчков не обрезается в зависимости от формы? ⇐ Android

[Anonymous]

У меня есть 3 поверхности, как можно увидеть на гифке: когда я нажимаю, эффект пульсации распространяется без учета формы поверхностей.

Которые созданы с помощью

Код: Выделить всё

@Composable
fun SurfaceClickPropagationExample() {

// Provides a Context that can be used by Android applications
val context = AmbientContext.current

// 🔥 Offset moves a component in x and y axes which can be either positive or negative
// 🔥🔥 When a component inside surface is offset from original position it gets clipped.
Box(
modifier = Modifier
.fillMaxWidth()
.wrapContentHeight()
.clipToBounds()
.clickable(onClick = {})
) {

Surface(
modifier = Modifier
.preferredSize(150.dp)
.padding(12.dp)
.clickable(onClick = {
})
.clipToBounds(),
elevation = 10.dp,
shape = RoundedCornerShape(10.dp),
color = (Color(0xFFFDD835))
) {

Surface(
modifier = Modifier
.preferredSize(80.dp)
.clipToBounds()
.offset(x = 50.dp, y = (-20).dp)
.clickable(onClick = {
}),
elevation = 12.dp,
shape = CircleShape,
color = (Color(0xFF26C6DA))
) {

}
}

Surface(
modifier = Modifier
.preferredSize(110.dp)
.padding(12.dp)
.offset(x = 110.dp, y = 20.dp)
.clickable(onClick = {}),
shape = CutCornerShape(10.dp),
color = (Color(0xFFF4511E)),
elevation = 8.dp
) {}
}
}

Я добавил Modifier.clipToBounds(), чтобы проверить, работает ли он с ним, но он не работает ни с ним, ни без него.

Подробнее здесь: https://stackoverflow.com/questions/655 ... d-on-shape