Popups/ExposedDropDown is covered by Keyboard on iOS

[chrisjenx]

Describe the bug

See screenshot

On iOS Popups or in this case the exposed drop down is covered by the virtual keyboard on iOS. (Correct on Android).

Affected platforms
Select one of the platforms below:

• iOS

Versions

• Kotlin version*: 1.9.21
• Compose Multiplatform version*: 1.5.11
• OS version(s)* (required for Desktop and iOS issues): iOS 17.0.1 (macOS 13.6.2)
• OS architecture (x86 or arm64): M2 (Arm64)
• JDK (for desktop issues): Built with JDK 18

To Reproduce
Steps and/or the code snippet to reproduce the behavior:

1. Create exposed dropdown with list longer than screen.
2. Open keyboard on iOS, anything that drops below the keyboard is hidden behind it

Expected behavior

• Either the Popup should go over the keyboard
• Or pad the popup bottom so it doesn't get covered by the keyboard

Screenshots
iOS on left is covering dropdown results

Additional context
This Dropdown is inside BottomSheetDialogModal

Note setting windowInsetsPadding on the ExposedDropdown does help but is still covered a little:

ExposedDropdownMenu(
                expanded = expanded,
                modifier = Modifier.exposedDropdownSize().windowInsetsBottomHeight(WindowInsets.ime),
                onDismissRequest = { expanded = false },
            ) {

[m-sasha]

Thanks for the report. We're working on placing popups and dialogs in the correct layer.

[dima-avdeev-jb]

Thanks! I will take a look!

[dima-avdeev-jb]

@chrisjenx Can you please provide a minimal reproducible sample on GitHub?

[ShmuelCammebys]

So is this resolved with PR #967?

[chrisjenx]

Oh looks like it should be, I need to test next time I'm on the project, the commits suggest it should

[chrisjenx]

Still broken in 1.7.x

[okushnikov]

Please check the following ticket on YouTrack for follow-ups to this issue. GitHub issues will be closed in the coming weeks.