Writer Toolbar un-reachable for fields with very long copy

[ovenum]

Description

When the Writer Field toolbar is not inline, the toolbar will become unreachable in long textfields that are taler than the screen height.

Expected behavior
The Toolbar to be always reachable/ usable

To reproduce

Create a Writer Field with

toolbar:
  inline: false

Add looong copy text so that the field height is higher than the screen height. Scroll down to edit text at the bottom of the field. The writer toolbar will not be visible anymore.

Your setup

Kirby Version
4.0

[distantnative]

It should be sticky when the field has focus. Will need to check this later, if a general problem or something more specific in your setup.

[ovenum]

Thanks for looking into this. Just re-checked the issue.
The writer field is contained inside a blocks field. Focusing the writer field and scrolling will not make the toolbar sticky. I also checked by hiding the k-page-view-header component with dev-tools.

[distantnative]

Are you sure about the last part?
Can reproduce the general issue, but when I lower the opacity of the page header, I can see the toolbar hiding beneath:

Note: the issue seems to be that also for inline: false there are top/left style values set on the toolbar, overwriting the sticky top offset.

[ovenum]

Sorry Nico! Should have supplied a proper reproducible example when creating the issue.

The toolbar will become sticky when the writer field is inside the first block (hidden behind the k-page-view-header).
It will not become sticky when it’s not inside the first block.

Hope it’s reproducible now.

UPDATE
It’s exactly as you described. I mixed up Block Field focus and Writer Field focus!