How do I disable the bubble? :thinking_face: Usecase: I’ve a single digit OTP input field and it do...

# compose

[theapache64]

How do I disable the bubble? 🤔
Usecase: I’ve a single digit OTP input field and it doesn’t need that

[brandonmcansh]

Also related question, what color in TextFieldDefaults drive it's color?

[theapache64]

+ @Zach Klippenstein (he/him) [MOD]

[Chris Sinco [G]]

This previous thread might help: https://kotlinlang.slack.com/archives/CJLTWPH7S/p1642538741203400?thread_ts=1642532279.198300&cid=CJLTWPH7S

[brandonmcansh]

Sweetness. Thanks @Chris Sinco [G]

[theapache64]

val customTextSelectionColors = TextSelectionColors(
    handleColor = Color.Transparent, // 👈🏻
    backgroundColor = Color.Transparent // 👈🏻
)
CompositionLocalProvider(LocalTextSelectionColors provides customTextSelectionColors) { // 👈🏻
    var t1 by remember { mutableStateOf("") }
    OutlinedTextField(
        value = t1,
        onValueChange = { t1 = it },
        keyboardOptions = KeyboardOptions.Default.copy(
            keyboardType = KeyboardType.Number,
        )
    )
}

[theapache64]

@Chris Sinco [G] I tried that, but the output looks like this ☝🏻

[theapache64]

@Joseph Hawkes-Cates Is there anything am missing here?

[theapache64]

UPDATE: I removed android:background from themes.xml and it worked! 😮
but what if i want to have that value in my themes.xml ?

[Joseph Hawkes-Cates]

@theapache64 yeah, not sure. I didn’t have that issue after changing the colors to transparent but my field doesn't have a border where you would notice that.

[theapache64]

Yeah yeah. I am using OutlinedTextField. But anyway, thanks for sharing your findings. It helped 👍

[Zach Klippenstein (he/him) [MOD]]

We don't provide a way to disable the handle, because it's a standard feature in android text input. You can always build custom text input from scratch. It's not exactly trivial, but that's something I'm hoping to work on.