Keyboard navigation in editor cannot reach top with toolbar_sticky

Provide detailed reproduction steps (if any)

Please provide the steps to reproduce and if possible a minimal demo of the problem via fiddle.tiny.cloud or similar.

1. Using the docs https://www.tiny.cloud/blog/get-started-with-tinymce-self-hosted/
2. Create folder for html testing.
3. Extracted tinymce so that path is js/tinymce/tinymce.min.js
4. Added index.html with:

<script src="js/tinymce/tinymce.min.js"></script> <script type="text/javascript"> tinymce.init({ selector: '#mytextarea', license_key: 'gpl', toolbar_sticky: true, toolbar: 'bold italic blockquote | styles | bullist numlist | link unlink fullscreen', plugins: 'fullscreen autoresize', fullscreen_native: true }); </script>

On the html page in the editor, after the "Hello World" create a number of empty lines until autoresize reaches the bottom and then some more so the "Hello World" disappears under the sticky toolbar.

Then using the keyboard navigate up the editor and notice that "Hello World does not come back into view and the cursor itself disappears from view behind the sticky toolbar.

Navigation with the scroll wheel does work and reveals "Hello World".

✔️ Expected result

The expected result is that keyboard navigation up the editor will reveal all lines including the very top line "Hello World".

❌ Actual result

Described above.

Other details

• Browser: Firefox and Edge
• OS: Windows 11
• First affected version: Does not work in 8.9.0 and may not have worked in previous versions.
• Worked in version: Unknown.

---

If you'd like to see this fixed sooner, add a reaction to this post.