【IOs device】Japanese character inserts twice after typing at the beginning of the word with inline styling

[chanvuetto-t]

📝 Steps to reproduce

1. Open editor in browser on Phone
2. Change the keyboard language to Hiragana with half-size mode
3. First character doesn't start composition. Ex: [a]

✔️ Expected result

Put 「あ」 into editor -> just only one 「あ」 character will be showed on editor

❌ Actual result

Put 「あ」 into editor -> 「あ」 character will be duplicated into 「ああ」 and showed on editor

Device： Iphone 12 mini

• Browser: Chrome, Safari (lastest version)
• OS: IOs
• Installed CKEditor plugins: @ckeditor/ckeditor5-react (v35.3.0 )

※On PC , this bug is not happened.
※Relative link:
https://github.com/ckeditor/ckeditor5/releases
#3109 --> I think this bug is same.
https://www.npmjs.com/package/@ckeditor/ckeditor5-react --> I installed from this page for usage

[chanvuetto-t]

@f1ames @Reinmar Can you check this issue? And help me !!!!

[Reinmar]

cc @ckeditor/qa-team Could you check this on the latest version of CKE?

[Mgsy]

Hi @chanvuetto-t! I've checked the issue and I'm unable to reproduce it on iPhone 8. After typing the a character, the composition starts properly:

Can you check if you can reproduce it in our documentation example? If yes, it would be great if you could share detailed information about the language settings on your iPhone, keyboards and browser versions.

[chanvuetto-t]

@Mgsy
Thank for testing support.
I tried on [https://ckeditor.com/ckeditor-5/demo/] --> that's ok.
But can you test by install [https://www.npmjs.com/package/@ckeditor/ckeditor5-react] and run app on the phone ?

[chanvuetto-t]

@Reinmar
CC: @Mgsy
Sorry, I've tested again but it'still happened.
Let's me share about install on my local.

//➀ npm update 8.19.2 -> 9.2.0
npm i npm@9.2.0

// ➁update ckeditor5
yarn add @ckeditor/ckeditor5-build-classic @ckeditor/ckeditor5-core @ckeditor/ckeditor5-react @types/ckeditor__ckeditor5-build-classic @types/ckeditor__ckeditor5-utils

I think normal ckeditor5 is good , but in classic editor5, this bug is still happned.

Reference link: https://ckeditor.com/docs/ckeditor5/latest/installation/getting-started/predefined-builds.html#classic-editor

Can you help me for rechecking?

[Mgsy]

@chanvuetto-t, could you please make sure that you use the latest CKEditor 5 release (35.4.0)? Are you able to reproduce the issue in the classic build example - https://ckeditor.com/docs/ckeditor5/latest/examples/builds/classic-editor.html?

If yes, please share the detailed steps to reproduce, including your iOS version, detailed language preferences, browser, and keyboard information.

[chanvuetto-t]

@Mgsy
CC @Reinmar
Sorry about taking so many time of your team.
I've just found out reason. That's [ckeditor5-custom-build/build/ckeditor].
I want to customize toolbar and use it.
But I make sure this library has not still apply lastest source code, which fixed this bug.

Can you check again ?

[chanvuetto-t]

@Mgsy @Reinmar
I found out this link : https://www.datainfinities.com/3/how-to-integrate-custom-build-ckeditor5-with-react
And I'm coding ckeditor5 as same way.

[chanvuetto-t]

@Mgsy @Reinmar
Sorry, How about this task' status ?

[CKEditorBot]

There has been no activity on this issue for the past year. We've marked it as stale and will close it in 30 days. We understand it may still be relevant, so if you're interested in the solution, leave a comment or reaction under this issue.