Text is displayed twice when inputting multiple lines of Japanese in TextField.

[stny-0518]

Can we access your project?

• [x] I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

When you enter Japanese text into a TextField that allows line breaks, the input cursor position is displayed one paragraph below on a PC, while on iOS and Android the text you are entering is displayed twice. Also, on iOS and Android, the overlapping gets worse as you add more paragraphs.

■PC

■ iOS and Android

Expected Behavior

■ PC I want to prevent the cursor position from becoming a paragraph while I'm typing

■ iOS and Android I want to prevent characters from being displayed twice

Steps to Reproduce

1.Create new page 2.Add TextField 3.Clic Run

Reproducible from Blank

• [X] The steps to reproduce above start from a blank project.

Bug Report Code (Required)

ITESz/Hqx89grs8E7qruae1QhQIgQ0QnU7gnlO1ucx42C4jzEIl3PffeT0NKTMunS3NAHU6buGMC0MGKk+H9N/JdCy6cGdVl0JVATAKWQmq6RpCYDpaSdURfGd9PfUOM16ujgRV+PtVhSi0gwUOLNq3qNleeY8aSfxBlZ7vfcPo=

Visual documentation

■PC

■iOS and Android

https://github.com/user-attachments/assets/103defed-a295-4c1b-99ac-dbeb814c22ce

Environment

- FlutterFlow version: v4.1.78+ released July 27, 2024Flutter version is 3.22.2
- Platform:Web
- Browser name and version: Chrome 127.0.6533.64
- Operating system and version affected: Android version 10

Additional Information

■ PC I want to prevent the cursor position from becoming a paragraph while I'm typing

■ iOS and Android I want to prevent characters from being displayed twice

[rzambroni]

Hey @stny-0518, thanks for the report. I was not able to replicate exactly that behavior. On my end it only writes one character and is not being duplicated. But I can see the cursor being placed below the character.

screen-20240729-174741.mp4

Is it happening on Android - Web only? Were you using chrome?

[stny-0518]

Hey rzambroni, thanks for your reply. I'm having problems with both Android and iOS, Chrome and Safari. When I view it on Chrome on my Android device,

the text is displayed double, but when I view it on Safari on another iOS device, the cursor position is shifted and the blue band is also shifted, just like in the video rzambroni attached.

When I enter text in a normal app, it behaves like the video below.

https://github.com/user-attachments/assets/e214eef3-1a8b-4176-9f85-0123d566d0c6

[rzambroni]

Hmm, interesting, thanks for the additional details.

I tried on both Android and IOS using Chrome and Safari respectively, and also the IOS app on the emulator with the same results.

Will make a few more tests and will as another team member to give it a shot.

Since the project you shared is a blank project, would you mind adding me as a collaborator? That will allow me to run it locally and test a few more things.
my email: rzambroni@somniosoftware.com

[stny-0518]

Understood. I just added it to the collaboration.

Thank you

[Alezanello]

Hello!

I downloaded the code from the test project you shared with Renzo and tried everything to replicate the issue, but I wasn't successful. Could it be something on your phone that shows possible writings in Japanese?

Screen_Recording_20240731_174226.mp4

Best regards,
Azanello

[stny-0518]

Hello Alezanello I don't think it's the phone that's causing this. Because when I tried it on a different employee's phone, sometimes the characters were doubled, or the input cursor was shifted even though the characters weren't doubled.

■Video of other employees in action IOS safari

https://github.com/user-attachments/assets/f88d1ed0-dedf-497a-8093-712bde031dc3

I also recently discovered that if you type without a paragraph or character in the TextField, the character will be doubled or the input cursor will be shifted, but if you put a paragraph first and then type from where there is already a paragraph, you can type normally.

https://github.com/user-attachments/assets/7d1342fc-d216-4124-9bce-286ebfcef59b

[Alezanello]

Hello,

I apologize for the late response. Does this issue still persist, or was it fixed in the latest FlutterFlow updates?

Best regards,
Azanello

[stny-0518]

Hello Alezanello

I checked the following versions and it's not fixed.

FlutterFlow v4.1.81+ released August 7, 2024 Flutter version is 3.22.2

[github-actions[bot]]

This issue is stale because it has been open for 7 days with no activity. If there are no further updates, a team member will close the issue.