Toolbar lost it's stickyness with upgrade to 4.1.2

[loadi-dev]

After updating to ckeditor-vaadin version 4.1.2 we noticed, that the toolbar does not remain sticky when writing long texts. This causes the toolbar to scroll out of the viewport, which makes editing long texts a tedious task.

I compared the CSS with version 4.0.0 and noticed some missing CSS rules at the div with classes ck ck-editor__top ck-reset_all. In version 4.0.0 is has some inline CSS, which is gone in version 4.1.2.

As a work around I specified the CSS in our project for now:

.ck.ck-editor__top.ck-reset_all {
  position: sticky;
  top: 0;
  box-shadow: darkgrey 0px 1.5px 1px -1px;
  z-index: 2;
}

[jet-pang]

How long is your text? Can you please share your screen records to show me how it looked like? Thanks.

[loadi-dev]

The text length to cause the issue depends on your screen height. As soon as the text box is higher than your screen, The toolbar is not in the viewport anymore:

With that it's hard to format text at the bottom, as you have to scroll up to see the toolbar. In version 4.0.0 it stays sticky at the top of the screen.

[jet-pang]

You have a header at the top, try setting ui viewport offset for your editor config.
config.setUiViewportOffset(56D);
Adjust 56D to the height of your header.

[loadi-dev]

I finally managed to try that. It didn't help. But if the issue is only occurring in my project and you can't easily reproduce it, I don't mind closing this issue. As I wrote initially, by adding back some of the CSS that was removed in v 4.1.2 it works fine for us.