Allow scrolling past page while editing a page #5167

New Issue

OVERLORD · 2026-02-05T09:45:36+03:00

OVERLORD commented

2026-02-05 09:45:36 +03:00

Originally created by @mkhawam on GitHub (Feb 2, 2025).

Describe the feature you'd like

Adding padding to the div as you scroll past the end of the page (up to a specific limit maybe 1 screen size) allows the page to be edited, not from the bottom. After the page is edited and you get to the bottom, the editor makes it very hard to scroll up. The only way to edit the page is from the bottom.

Describe the benefits this would bring to existing BookStack users

This feature would allow users to edit a page anywhere on the screen's height without taking away the functionality of the rest of the editor.

Can the goal of this request already be achieved via other means?

One way is to move the entire browser to an upper out of the screen. But this limits the functionality of the editor.

I went into the editor's HTML in dev tools and manually added some padding. But I feel like a more optimal solution is to implement some sort of event to add padding automatically.
Before

After

Have you searched for an existing open/closed issue?

I have searched for existing issues and none cover my fundamental request

How long have you been using BookStack?

3 months to 1 year

Additional context

No response

Originally created by @mkhawam on GitHub (Feb 2, 2025). ### Describe the feature you'd like Adding padding to the div as you scroll past the end of the page (up to a specific limit maybe 1 screen size) allows the page to be edited, not from the bottom. After the page is edited and you get to the bottom, the editor makes it very hard to scroll up. The only way to edit the page is from the bottom. ### Describe the benefits this would bring to existing BookStack users This feature would allow users to edit a page anywhere on the screen's height without taking away the functionality of the rest of the editor. ### Can the goal of this request already be achieved via other means? One way is to move the entire browser to an upper out of the screen. But this limits the functionality of the editor. I went into the editor's HTML in dev tools and manually added some padding. But I feel like a more optimal solution is to implement some sort of event to add padding automatically. Before ![Image](https://github.com/user-attachments/assets/35f3300d-7bd1-412b-a51f-94eed7675f17) After ![Image](https://github.com/user-attachments/assets/791728bb-79e0-4e2d-8bb4-5752e04794e5) ### Have you searched for an existing open/closed issue? - [x] I have searched for existing issues and none cover my fundamental request ### How long have you been using BookStack? 3 months to 1 year ### Additional context _No response_

OVERLORD added the 📝 WYSIWYG Editor 🔨 Feature Request labels 2026-02-05 09:45:36 +03:00

OVERLORD commented

2026-02-05 09:45:38 +03:00

@ssddanbrown commented on GitHub (Feb 6, 2025):

Thanks for the request @dominusmars.

As a simple workaround, you could add the following to your "Custom HTML Head Content" customization setting:

<style>
.editor-content-area {
  padding-bottom: 50vh;
}
</style>

Note: This is only intended for the new WYSIWYG editor (as seen in the screenshots), not the pre-existing default WYSIWYG editor.

@ssddanbrown commented on GitHub (Feb 6, 2025): Thanks for the request @dominusmars. As a simple workaround, you could add the following to your "Custom HTML Head Content" customization setting: ```html <style> .editor-content-area { padding-bottom: 50vh; } </style> ``` Note: This is only intended for the new WYSIWYG editor (as seen in the screenshots), not the pre-existing default WYSIWYG editor.

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/BookStack#5167