tinymce / tinymce-react

Offical TinyMCE React component
MIT License
937 stars 152 forks source link

hitting enter causes screen to jump #456

Closed ccbiozhaw closed 7 months ago

ccbiozhaw commented 1 year ago

What is the current behavior?

when i hit enter the screen jumps

Please provide the steps to reproduce and if possible a minimal demo of the problem via codesandbox.io or similar.

image -> hit enter

image -> screen jumps to this

i can also see that when the editor is in full screen: this is the offical example available here:

https://www.tiny.cloud/docs/tinymce/6/full-featured-open-source-demo/

image

after hitting enter image

What is the expected behavior?

the screen doesnt jump.

steps to reproduce

go to : https://www.tiny.cloud/docs/tinymce/6/full-featured-open-source-demo/

open fullscreen without scrolling down! then hit enter and it will push the editor down. if you scroll down before going fullscreen it will not even open properly ( i also see that in my own project)

Which versions of TinyMCE, and which browser / OS are affected by this issue? Did this work in previous versions of TinyMCE or tinymce-react? google chrome

TinyITAdmin commented 1 year ago

Ref: INT-3184

ccbiozhaw commented 1 year ago

i noticed it doesnt happen in the basic example so i went trhough all options:

it is cused by this:

      // toolbar_sticky: true,

removing it fixes the problem

tiny-james commented 1 year ago

This is probably a issue that should be forwarded to the TinyMCE repository. The tinymce-react project does not handle the toolbar_sticky setting, it is passed directly to TinyMCE.

TheSpyder commented 7 months ago

Sorry about this one. It was a core issue - https://github.com/tinymce/tinymce/issues/8832 - fixed in TinyMCE 6.7