Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Allow scrolling past page while editing a page #5466

Open
1 task done
dominusmars opened this issue Feb 2, 2025 · 1 comment
Open
1 task done

Allow scrolling past page while editing a page #5466

dominusmars opened this issue Feb 2, 2025 · 1 comment

Comments

@dominusmars
Copy link

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
After
Image

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

@ssddanbrown
Copy link
Member

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

No branches or pull requests

2 participants