OutlinedTextField does not display text when using "dense" height [183136600]

Fixed

Bug

Status Update

No update yet.

Description

yp...@gmail.com

created issue #1

Mar 19, 2021 03:26PM

Filed as requested in compose desktop slack channel

When using the "dense" size (40.dp) as described in the Material Design specification, the OutsizedTextField shows no text at all.

The attachment IssueOutlinedTextField.kt is the full code to reproduce the problem

The animated gif IssueOutlinedTextField.gif shows the issue

The main code is

@Composable
fun IssueOutlinedTextField() {

    var size by remember { mutableStateOf(70f) }
    var text by remember { mutableStateOf("") }

    Column(
        horizontalAlignment = Alignment.CenterHorizontally,
        modifier = Modifier.fillMaxWidth().padding(10.dp)
    ) {
        Text(size.toString())
        Slider(
            size,
            onValueChange = { size = it },
            valueRange = 40f..70f,
            modifier = Modifier.fillMaxWidth()
        )
        OutlinedTextField(
            text,
            onValueChange = { text = it },
            trailingIcon = {
                Icon(
                    Icons.Outlined.Search,
                    contentDescription = "filter",
                )
            },
            singleLine = true,
            modifier = Modifier.height(size.dp)
        )

    }
}

This issue happens under compose desktop 0.3.1 / kotlin 1.4.30 (but I was told to post here...)

IssueOutlinedTextField.gif

66 KB

View

Download

IssueOutlinedTextField.kt

1.3 KB

Download

Comments

so...@google.com <so...@google.com> Mar 19, 2021 03:53PM

Assigned to so...@google.com.

ap...@google.com <ap...@google.com> #2Feb 3, 2022 08:47PM

Marked as fixed.

Project: platform/frameworks/support
Branch: androidx-main

commit ed2450ec5d2cdf62f1ebf13a29fe04295ad65e44
Author: Anastasia Soboleva <soboleva@google.com>
Date: Thu Dec 30 19:22:41 2021

Add material decoration box for TextField and OutlinedTextField

It allows additionally to what is customisable in text fields already to customise paddings (incl. for dense text field support), border or indicator line.

In the future we could add prefix/suffix, helper message slots.

Fixes: 203764564
Fixes: 191543915
Fixes: 189971673
Fixes: 183136600
Fixes: 179882597
Fixes: 168003617
Test: TextFieldTest and OutlinedTextFieldTest
Test: new tests TextFieldDecorationBoxTest
Relnote: "Added TextFieldDecorationBox and
OutlinedTextFieldDecorationBox. Using them together with BasicTextField
will help you build custom text field based on Material Design text
fields but with more options for customisation."
Relnote: "Provided a way to adjust horizontal and vertical paddings in text fields."

Change-Id: I8c9f168a687e337670c266e1eb3e985da6aebdc3

M compose/material/material/samples/src/main/java/androidx/compose/material/samples/TextFieldSamples.kt
M compose/material/material/api/current.txt
M compose/material/material/api/restricted_current.txt
M compose/material/material/src/androidAndroidTest/kotlin/androidx/compose/material/textfield/TextFieldTest.kt
A compose/material/material/src/androidAndroidTest/kotlin/androidx/compose/material/textfield/TextFieldDecorationBoxTest.kt
M compose/material/material/api/public_plus_experimental_current.txt
A compose/material/material/integration-tests/material-demos/src/main/java/androidx/compose/material/demos/TextFieldDecorationBoxDemos.kt
M compose/material/material/src/commonMain/kotlin/androidx/compose/material/TextFieldDefaults.kt
M compose/material/material/integration-tests/material-demos/src/main/java/androidx/compose/material/demos/MaterialDemos.kt
M compose/material/material/integration-tests/material-demos/src/main/java/androidx/compose/material/demos/MaterialTextField.kt
M compose/material/material/src/commonMain/kotlin/androidx/compose/material/TextField.kt
M compose/material/material/src/commonMain/kotlin/androidx/compose/material/OutlinedTextField.kt
M compose/material/material/src/commonMain/kotlin/androidx/compose/material/TextFieldImpl.kt

https://android-review.googlesource.com/1934969

Issue 183136600

Description

Issue summary

Comments

so...@google.com <so...@google.com> Mar 19, 2021 03:53PM

ap...@google.com <ap...@google.com> #2Feb 3, 2022 08:47PM

Add comment

Issue metadata