M3 ModalBottomSheet covers keyboard [268380384]

Fixed

Bug

Status Update

No update yet.

Description

sk...@gmail.com

created issue #1

Feb 8, 2023 10:39PM

Jetpack Compose version: M3 1.1-alpha6
Jetpack Compose component used: ModalBottomSheet
Android Studio Build: IC-231.6471.13
Kotlin version: 1.8.10

Steps to Reproduce or Code Sample to Reproduce:

var b by remember { mutableStateOf(false) }
OutlinedButton(
	onClick = { b = true },
) {
	Text("Demo")
}
if (b) {
	val state = rememberSheetState()
	ModalBottomSheet(
		onDismissRequest = { b = false },
		sheetState = state,
	) {
		var t by remember { mutableStateOf("") }
		OutlinedTextField(t, { t = it })
	}
}

Focus the text field.

The keyboards gets opened behind.

photo_2023-02-08 23.38.18.jpeg

46 KB

View

Download

Comments

ma...@google.com <ma...@google.com> Feb 8, 2023 10:50PM

Reassigned to se...@google.com.

ma...@gmail.com <ma...@gmail.com> #2Feb 9, 2023 09:03AM

There is a report about it in kotlinlang Slack: https://kotlinlang.slack.com/archives/C01D6HTPATV/p1706005056105739

jo...@google.com <jo...@google.com> #3Feb 9, 2023 09:14AM

Thanks for the report!

se...@google.com <se...@google.com> Feb 10, 2023 02:59PM

Reassigned to ma...@google.com.

ma...@gmail.com <ma...@gmail.com> #4Feb 23, 2023 07:28PM

The release notes documentation has been edited to clarify this change in behavior for line height.

To support non-standard text sizes, we encourage users to follow the Material design system and use a different type scale rather than changing the font size directly. Alternatively, users can overwrite the line height like so: style = LocalTextStyle.current.copy(lineHeight = TextUnit.Unspecified), or create a custom Typography entirely.

se...@google.com <se...@google.com> Feb 24, 2023 01:00PM

Reassigned to se...@google.com.

se...@google.com <se...@google.com> #5Feb 24, 2023 07:08PM

deleted

se...@google.com <se...@google.com> Mar 13, 2023 12:37PM

Accepted by se...@google.com.

de...@gmail.com <de...@gmail.com> #6Apr 6, 2023 07:35PM

In my case, I have multiple font sizes in the same Text (using SpanStyle in AnnotatedString). There are legitimate reasons for this. For example, when combining Chinese and English (phonetic) together (for language-learning purposes).

se...@google.com <se...@google.com> #7Apr 10, 2023 04:03PM

I have updated the ticket linked to be public. It is a tracker for migrating the internal popup functionality to a custom window view for easier access to window flags.

se...@google.com <se...@google.com> #8Apr 12, 2023 12:47PM

Interestingly, upon investigation this is only an issue on APIs above 29. Regardless of using popup or a generic android view. It seems to be documented here: https://issuetracker.google.com/262140644

continuing to investigate but the solution unfortunately does not seem so straight forward.

sk...@gmail.com <sk...@gmail.com> #9Apr 12, 2023 03:59PM

I thought that https://android-review.googlesource.com/c/platform/frameworks/support/+/2515955 will fix this, won't it? DialogWindowProvider could be set on that view, couldn't it? Or how is it related to b/262140644?

se...@google.com <se...@google.com> #10Apr 12, 2023 07:07PM

I think it's possibly related in that the same use case: Using compose text fields on new windows appears to have the same effect whether it be a PopupWindow, an AbstractComposeView or in their case DialogFragment. So it makes me suspicious that this may be an issue with TextField instead of the windowing logic. The change you linked moves the BottomSheet to a custom view instead of the UI popup but does not alone fix this bug.

se...@google.com <se...@google.com> #11Apr 19, 2023 04:55PM

This issue which extends to any custom windows seems to have been resolved with: https://issuetracker.google.com/262140644

Waiting on that change to land to proceed on this issue.

ja...@gmail.com <ja...@gmail.com> #12Apr 19, 2023 07:22PM

https://issuetracker.google.com/262140644 seems to make the keyboard show now, but the behavior with imePadding does not seem to work. So the keyboard now covers up the modal bottom sheet, and imePadding has no effect.

de...@gmail.com <de...@gmail.com> #13Apr 20, 2023 02:58PM

For me the modal bottom sheet works now. The only bug is, that the cursor drag indicator is shown above the cursor instead of below.

ap...@google.com <ap...@google.com> #14Apr 20, 2023 03:00PM

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

commit 7545cec3617ab5d1ea83d66822bc094e7f03c562
Author: José Figueroa Santos <serniebanders@google.com>
Date: Wed Apr 19 16:04:18 2023

[Material3][gradle] Update compose dependencies to 1.4.2

Upgrade needed to intake the following bug fix:

b/262140644

, which resolves issue of new windows not calling IME keyboard.

Bug: 268380384
Bug: 272483584
RelNote: ModalBottomSheet now can display IME keyboard
Test: Manual
Change-Id: Idc5082008acb547cac2100a69cab4be7db85f50f

M compose/material3/material3/build.gradle
M compose/material3/material3/samples/src/main/java/androidx/compose/material3/samples/BottomSheetSamples.kt

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

se...@google.com <se...@google.com> Apr 20, 2023 03:01PM

Marked as fixed.

am...@gmail.com <am...@gmail.com> #15May 7, 2023 06:23AM

hi, the issue was fixed on version v1.4.2 BUT appears again on version: 1.5.0-alpha03

ju...@google.com <ju...@google.com> #16May 24, 2023 07:37PM

The following release(s) address this bug.It is possible this bug has only been partially addressed:

androidx.compose.material3:material3-android:1.2.0-alpha02

ru...@gmail.com <ru...@gmail.com> #17Feb 1, 2024 10:28AM

Comment has been deleted.

Message last modified on Feb 1, 2024 10:30AM

da...@gmail.com <da...@gmail.com> #18Jul 19, 2024 01:46PM

I am still experiencing issues with the imePadding not working and the keybaord still covers the BottomSheet content. Has there been any fix found for this?