IssueTracker

Jetpack Compose version: BOM 2025.02.00 Jetpack Compose component used: androidx.compose.ui:ui-android:1.7.8 Android Studio Build: Android Studio Meerkat | 2024.3.1 RC 2 Kotlin version: 2.0.21

Steps to Reproduce or Code Sample to Reproduce:

1. Add an AndroidView inside your compose view.
2. Use scale modifier on the AndroidView or on any parent of that composable.
3. Consume touch events from that Android View.

All touch events will be at the wrong location.

I've added a reproducer but basically this is it:

@Composable
fun ScaledDownAndroidView(modifier: Modifier = Modifier) {
    var scale by remember { mutableFloatStateOf(0.75f) }
    Column(
        modifier = modifier
    ) {
        AndroidView(
            modifier = Modifier
                .fillMaxWidth()
                .weight(1f)
                .scale(scale),
            factory = { context ->
                Canvas(context)
            }
        )
        Row(
            modifier = Modifier
                .fillMaxWidth()
                .padding(horizontal = 24.dp, vertical = 16.dp),
            horizontalArrangement = Arrangement.spacedBy(8.dp, Alignment.CenterHorizontally),
            verticalAlignment = Alignment.CenterVertically
        ) {
            Text("Scale")
            Slider(
                value = scale,
                onValueChange = { scale = it },
                valueRange = 0.5f..1f
            )
        }
    }
}

If instead I do this, it works:

AndroidView(
    modifier = Modifier
        .fillMaxWidth()
        .weight(1f),
    factory = { context ->
        Canvas(context)
    },
    update = { view ->
        view.scaleX = scale
        view.scaleY = scale
    }
)

It also work in a pure compose view.

This affects all touch events including interacting with UI elements such as Buttons in the AndroidView.