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 9082f62682f853ad5251a1c79dde9eccba7abdd9
Author: Max Alfonso-Ying <maxying@google.com>
Date: Thu Apr 18 00:34:40 2024

[M2 text field] Apply background to decoration box

...instead of to the BasicTextField, so changing the
backgroundColor will properly change the decoration
box's background color.

Fixes:

b/307694651

Test: added unit tests
Relnote: "Fix backgroundColor not applying to
TextFieldDecorationBox and OutlinedTextFieldDecorationBox.
Decoration boxes now accept a `shape` parameter."
Change-Id: I371c26718597cb36ac537e9412ce476532afb40d

M compose/material/material/api/current.txt
M compose/material/material/api/restricted_current.txt
M compose/material/material/integration-tests/material-demos/src/main/java/androidx/compose/material/demos/TextFieldDecorationBoxDemos.kt
M compose/material/material/src/androidInstrumentedTest/kotlin/androidx/compose/material/textfield/TextFieldDecorationBoxTest.kt
M compose/material/material/src/commonMain/kotlin/androidx/compose/material/OutlinedTextField.kt
M compose/material/material/src/commonMain/kotlin/androidx/compose/material/TextField.kt
M compose/material/material/src/commonMain/kotlin/androidx/compose/material/TextFieldDefaults.kt
M compose/material/material/src/commonMain/kotlin/androidx/compose/material/TextFieldImpl.kt

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

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