Text is being entered in reverse order

[JoshuaVSherman]

What is the current behavior?
Text is being entered in reverse order

**Please provide the steps to reproduce and if possible a minimal demo of the problem via [codesandbox.io]
The issue was fixed by downgrading to version 3.10.14, if you take this project and install the latest version, you can reproduce the issue, https://github.com/WebJamApps/breakpointministries/blob/develop/package.json

What is the expected behavior?
entering text should not be in reverse order

**Which versions of TinyMCE, and which browser / OS are affected by this issue? Did this work in previous versions of TinyMCE
it works in version 3.10.14, but does not work in the latest version. Tested in Chrome and Edge, same issue

[exalate-issue-sync]

Ref: INT-2561

[tiny-james]

Change this line:

initialValue={blogContent}

https://github.com/WebJamApps/breakpointministries/blob/aa5b39be1ff77ec5ae3fe16ad149e949f4b5d14a/src/containers/AdminDashboard/AdminController.tsx#L55

to

value={blogContent}

The initialValue prop should only be set once. It resets the editor including the cursor position when it changes.

[cordero67]

I'm running version 3.5.0 and I have the same problem but it is not resolved by the following:

value={blogContent}

Any other suggestions? Thanks.

[JoshuaVSherman]

This is working example https://github.com/WebJamApps/breakpointministries/blob/develop/src/components/BlogEditor/blogEditorUtils.tsx

…

On Sun, Aug 29, 2021, 7:38 AM cordero67 ***@***.***> wrote: I'm running version 3.5.0 and I have the same problem but it is not resolved by the following: value={blogContent} Any other suggestions? Thanks. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#267 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ADFY3WGRAI7MSZO357V6T7LT7IL4TANCNFSM45PEM5QA> .

[cordero67]

This is working example https://github.com/WebJamApps/breakpointministries/blob/develop/src/components/BlogEditor/blogEditorUtils.tsx
…
On Sun, Aug 29, 2021, 7:38 AM cordero67 @.***> wrote: I'm running version 3.5.0 and I have the same problem but it is not resolved by the following: value={blogContent} Any other suggestions? Thanks. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#267 (comment)>, or unsubscribe https://github.com/notifications/unsubscribe-auth/ADFY3WGRAI7MSZO357V6T7LT7IL4TANCNFSM45PEM5QA .

Thanks

[ghost]

This solution is working in one component but not on other. Please guide

[inimist]

For me, I was using tinymce-react with React Final Form (RFF) as a custom component such as:

<Field
 name="example_textarea"
 component={WYSIWYGEditor}
/>

and faced this issue. I tried many things, and finally instead of replacing initialValue with value, removing both initialValue and value worked for me!

Btw, if I used it outside of <Field /> component it worked just as normal so no issue in general

[vipertecpro]

Change this line:

initialValue={blogContent}

https://github.com/WebJamApps/breakpointministries/blob/aa5b39be1ff77ec5ae3fe16ad149e949f4b5d14a/src/containers/AdminDashboard/AdminController.tsx#L55

to

value={blogContent}

The initialValue prop should only be set once. It resets the editor including the cursor position when it changes.

Yeap that worked with nextjs 14 thx alot