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

Project: platform/frameworks/support
Branch: androidx-main
Author: Louis Pullen-Freilich <lpf@google.com>
Link: https://android-review.googlesource.com/3328184

Adds OverscrollEffect#withoutDrawing and OverscrollEffect#withoutEventHandling

Expand for full commit details

Adds OverscrollEffect#withoutDrawing and OverscrollEffect#withoutEventHandling 
 
These APIs allow overscroll to have events dispatched to it by one component, and rendered in a separate component. 
 
Fixes: b/266550551 
Fixes: b/204650733 
Fixes: b/255554340 
Fixes: b/229537244 
Test: OverscrollTest 
Relnote: "Adds OverscrollEffect#withoutDrawing and OverscrollEffect#withoutEventHandling APIs - these APIs create a wrapped instance of the provided overscroll effect that doesn't draw / handle events respectively, which allows for rendering  overscroll in a separate component from the component that is dispatching events. For example, disabling drawing the overscroll inside a lazy list, and then drawing the overscroll separately on top / elsewhere." 
Change-Id: Idbb3d91546b49c1987a041f959bce4b2b09a9f61

Files:

M compose/foundation/foundation/api/current.txt
M compose/foundation/foundation/api/restricted_current.txt
M compose/foundation/foundation/integration-tests/foundation-demos/src/main/java/androidx/compose/foundation/demos/OverscrollDemo.kt
M compose/foundation/foundation/samples/src/main/java/androidx/compose/foundation/samples/OverscrollSample.kt
M compose/foundation/foundation/src/androidInstrumentedTest/kotlin/androidx/compose/foundation/OverscrollTest.kt
M compose/foundation/foundation/src/commonMain/kotlin/androidx/compose/foundation/Overscroll.kt

Hash: f64e25b7a473c757d080521e7dd97b3f6670f60d
Date: Fri Nov 01 18:43:56 2024

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

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

androidx.compose.foundation:foundation:1.8.0-alpha06
androidx.compose.foundation:foundation-android:1.8.0-alpha06
androidx.compose.foundation:foundation-jvmstubs:1.8.0-alpha06
androidx.compose.foundation:foundation-linuxx64stubs:1.8.0-alpha06

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

I see this is not fixed in alpha07, let me know if you need a repo for this.

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

This seems to be a bug with the underlying popup functionality. Filed a bug to raise this which can be tracked here: https://issuetracker.google.com/270713270

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

Any ETA? And what is ticket https://issuetracker.google.com/issues/276339374 and why is it blocking this?

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