There is a unidentifiable top padding in `Outlined...

# compose

[Lilly]

There is a unidentifiable top padding in OutlinedTextField . Is it intended?

@Preview
@Composable
fun OutLinedTextPreview() {
    Box {
        var text by rememberSaveable { mutableStateOf("") }

        OutlinedTextField(
            value = text,
            onValueChange = { text = it },
            label = { Text("Label") }
        )
    }
}

[dewildte]

The label needs room to be shown at the top.
Without it I think it would suffer from sudden height changes. If you focus the field on the device you will see why.

[Lilly]

Hmm makes sense, good hint. Do you know if it can be disabled?

[dewildte]

No, it is intrinsic.

[dewildte]

Or perhaps it is there because you have a label at all.
I wonder if it goes away if there is no label composable. 🤔

[dewildte]

I wonder if it is equal to half the label height.

[dewildte]

/*
This padding is used to allow label not overlap with the content above it. This 8.dp will work
for default cases when developers do not override the label's font size. If they do, they will
need to add additional padding themselves
*/
private val OutlinedTextFieldTopPadding = 8.dp

[dewildte]

If you override the default labels text size you might be able to make it go away.

[dewildte]

Or not because it says that additional padding would be needed.

[dewildte]

And I can’t see a condition anywhere in the code that removes it.

[Lilly]

ok thanks a lot for taking the time to figure it out. I'm fine with this, it seems legit though