Versions

Jetpack Compose version: BOM 2025.02.00

Jetpack Compose component(s) used:

• androidx.compose.ui:ui
• androidx.compose.foundation:foundation
• androidx.compose.foundation:foundation-layout
• androidx.activity:activity-compose
• androidx.compose.material3:material3

Android Studio Build: 2024.2.2 Patch 2

Kotlin version: 2.1.10

Code Sample to Reproduce

When using FlowRow with intrinsic height as in the minimized example below, the lowest row in the FlowRow is never shown. In the example there should be 12 buttons shown, but only button 0..=8 are shown (see attached screenshot), the lowest row with buttons 9..=11 is not visible. The same effect applies for any repeat value that is large enough that there would be multiple rows.

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.ExperimentalLayoutApi
import androidx.compose.foundation.layout.FlowRow
import androidx.compose.foundation.layout.IntrinsicSize
import androidx.compose.foundation.layout.height
import androidx.compose.material3.Button
import androidx.compose.material3.Text
import androidx.compose.ui.Modifier

class MainActivity : ComponentActivity() {
    @OptIn(ExperimentalLayoutApi::class)
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            FlowRow(Modifier.height(IntrinsicSize.Min)) {
                repeat(12) {
                    Button({}) {
                        Text("Short text $it")
                    }
                }
            }
        }
    }
}