[Bug] iOS Safari and Android Gboard Input Issues with CinnyApp | IOS上中文和emoji输入问题，以及Android上Gboard内嵌模式的中文输入问题

[tp20c5]

Describe the bug

I am experiencing input issues within CinnyApp when using Safari (iOS 18) and Google Gboard (Android 14, edge).

iOS Safari: When using the system keyboard, unable to click the send button or edit the input field after entering Chinese characters or emojis. The input field appears unresponsive. Android Edge: Use Gboard and enable the “inline display” feature (it's means show typing text inline before selecting candidates), then when you input the first character of Pinyin, the cursor will quickly flash several times, and then input in English character status. Continue to input to normally display the Chinese candidate word list for selection.

Reproduction

1. Open CinnyApp in Safari (iOS 18) or Edge (Android 14).
2. Navigate to an input field (e.g., a message composition area).
3. Attempt to enter Chinese characters or emojis using the system keyboard (for IOS), or Gboard (for Android).
4. Observe the behavior.

Expected behavior

The user should be able to seamlessly enter Chinese characters and emojis into the input field and send messages or edit existing text without encountering any issues. Just like on a desktop browser.

Platform and versions

1. OS：iOS 18; Android 14
2. Browser：Safari; Edge
3. IME：IOS system keyboard; Google Gboard
3. Cinny version：4.9.0(app.cinny.in)
4. Matrix homeserver：conduit 0.10.8

Additional context

[krishukr]

Due to a dependency slate: https://github.com/ianstormtaylor/slate/issues/5703

Recall from my repo https://github.com/krishukr/cinny/commit/fc4f9b977c37f22fc62df1c1dab75d81d08492fd , at least for iOS.

[tp20c5]

Due to a dependency slate: ianstormtaylor/slate#5703

Recall from my repo krishukr@fc4f9b9 , at least for iOS.

THX, I'll give it a try, perhaps I should split out the bug of embedded input on Android. Inspired by this, I downloaded a third-party Rime input method on iOS, disabling the “inline display” allows normal input and sending Chinese and emojis -- yeah, it works completely normally😮; while opening the “inline display” mode allows normal input, just like the system input method, it cannot send and edit. I am not a developer, it’s difficult to accurately attribute these issues.

[krishukr]

Due to a dependency slate: ianstormtaylor/slate#5703 Recall from my repo krishukr@fc4f9b9 , at least for iOS.

THX, I'll give it a try, perhaps I should split out the bug of embedded input on Android. Inspired by this, I downloaded a third-party Rime input method on iOS, disabling the “inline display” allows normal input and sending Chinese and emojis -- yeah, it works completely normally😮; while opening the “inline display” mode allows normal input, just like the system input method, it cannot send and edit. I am not a developer, it’s difficult to accurately attribute these issues.

I just tested Gboard on Android 15 with “Inline composing” enabled, and it seems to work on Android too.

[krishukr]

Recall from my repo krishukr@fc4f9b9 , at least for iOS.

This commit is deployed at https://604b0722.cinny-cjr.pages.dev/ . This is provided WITHOUT WARRANTY of any kind and you should exercise caution while testing on this.

[tp20c5]

This commit is deployed at https://604b0722.cinny-cjr.pages.dev/ . This is provided WITHOUT WARRANTY of any kind and you should exercise caution while testing on this.

I tried it, and it works correctly on iOS, 🎉️ But after I upgraded my Moto to Android 15 and checked that System Webview, Edge, and Gboard were all updated to the google play's latest versions, the first Pinyin still became English input.