I see that `LazyColumn` crops half of its last item, am I missing anything? Code in :thread:

# compose

[AmrJyniat]

I see that LazyColumn crops half of its last item, am I missing anything?
Code in 🧵

[K Merle]

Looks like you have padding in some of your upper elements.

[AmrJyniat]

Column(
    modifier = Modifier.padding(16.dp)
) {
    // another composable
    LazyColumn(
        contentPadding = PaddingValues(24.dp),
        verticalArrangement = Arrangement.spacedBy(12.dp)
    ){
        items(shifts){
            ShiftCard(it)
        }
    }
}

[K Merle]

Did you try removing 16.dp?

[AmrJyniat]

Yes, the same, padding should push the whole LazyColumn not crop its content.

[AmrJyniat]

The same problem here

[K Merle]

What about the contentPadding, did you try removing that?

[AmrJyniat]

No effect

[Tolriq]

Remove the padding from the parents and use contentpadding on the lazycolumn.

[K Merle]

Could it be that you are missing ime paddings?

[AmrJyniat]

What is "ime padding"?

[Tolriq]

You have something in the parent of the parents or your ShiftCards have offsets applied, but this works perfectly fine. Your screenshot shows that the first item is cropped too, so you have something else touching the paddings / composable sizes. Add background to the column and to the lazycolumn and see what is what 😉 Old school debug that always works.

[Filip Wiesner]

Or open Layout Inspector and you'll see what is cropping what

[Tolriq]

Layout inspector for compose breaks more often than it works 😞

[Dougie]

Looks like navigation bar padding

[Colton Idle]

I took your code and put it in my sample app and no crop. Looks like you have something else thats the issue?