Hi, I used Compose Multiplatform with Kotlin/JS an...

# compose-web

[Ghasem Shirdel]

Hi,
I used Compose Multiplatform with Kotlin/JS and Kotlin/WASM to build a web app that includes several text fields.

Everything works fine in the browser, but when I used this site in a WebView, I encountered some issues:

1. When focusing on a text field, the page would shift to the right, which shouldn't happen.


2. Then, I switched to BasicTextField2, and in the WebView, I faced a problem where the mobile keyboard wouldn't open.


3. I tried using LocalSoftwareKeyboardController in Compose for Web to open the keyboard when focusing on BasicTextField, but it didn't work.



I'm using Compose 1.7.1 and Kotlin 2.1.0
Does anyone have a solution for this?

[Konstantin Tskhovrebov]

file the issue with a reproducer project (!), please

[Ghasem Shirdel]

https://github.com/ghasemdev/textfield-workspace

[Ghasem Shirdel]

Sorry for the delay. I recorded three videos and added them to the README for the browser version, Android browser, and Android WebView.

Additionally, the existing files include MainActivity and the main.wasm target file.

@Konstantin Tskhovrebov

[Konstantin Tskhovrebov]

https://youtrack.jetbrains.com/newIssue?project=CMP

[Konstantin Tskhovrebov]

And attach the project as a file

[Ghasem Shirdel]

https://youtrack.jetbrains.com/issue/CMP-7298/Keyboard-Not-Opening-and-Page-Shifting-on-Focus-in-Compose-Web-App-within-Android-WebView

[PHondogo]

Native ime integration has not properly implemented for mobile web yet. There is an issue for it: https://youtrack.jetbrains.com/issue/CMP-6816/Incorrect-TextField-behavior-on-mobile-browsers