Page does not scroll to section when clicking on title in navigation #3872

Closed
opened 2026-02-05 07:44:13 +03:00 by OVERLORD · 6 comments
Owner

Originally created by @wouterVE on GitHub (Jun 20, 2023).

Describe the Bug

Since a few updates ago, I've noticed that my browser won't scroll to the section in question when clicking on an item in the page navigation bar. I don't see any errors in bookstack nor the browser console.
This behaviour is in any browser and on both Windows & Linux

Steps to Reproduce

Click on an item in page navigation

Expected Behaviour

Instead of scrolling down to the item section, the browser does scroll some random line down.

After I've scrolled down manually to the bottom of the page, the page navigation does seem to work again (untill opening a new page or refreshing the current page)

Screenshots or Additional Context

bookstack_avidemux_HB
See above recording of my screen: I need to click several times on an item in the page navigation untill the page has scrolled down to this section.

Browser Details

Opera

Exact BookStack Version

v23.05.2

PHP Version

8.2.6

Hosting Environment

Debian 11
Docker image = linuxserver.io

Originally created by @wouterVE on GitHub (Jun 20, 2023). ### Describe the Bug Since a few updates ago, I've noticed that my browser won't scroll to the section in question when clicking on an item in the page navigation bar. I don't see any errors in bookstack nor the browser console. This behaviour is in any browser and on both Windows & Linux ### Steps to Reproduce Click on an item in page navigation ### Expected Behaviour Instead of scrolling down to the item section, the browser does scroll some random line down. After I've scrolled down manually to the bottom of the page, the page navigation does seem to work again (untill opening a new page or refreshing the current page) ### Screenshots or Additional Context ![bookstack_avidemux_HB](https://github.com/BookStackApp/BookStack/assets/29882487/d6239e1c-ccf6-43ee-9b5d-8492bb8f137e) See above recording of my screen: I need to click several times on an item in the page navigation untill the page has scrolled down to this section. ### Browser Details Opera ### Exact BookStack Version v23.05.2 ### PHP Version 8.2.6 ### Hosting Environment Debian 11 Docker image = linuxserver.io
OVERLORD added the 🐛 Bug🔍 Pending Validation labels 2026-02-05 07:44:13 +03:00
Author
Owner

@ssddanbrown commented on GitHub (Jun 20, 2023):

Hi @wouterVE,
Can you confirm if you experience the same on our demo page here?

@ssddanbrown commented on GitHub (Jun 20, 2023): Hi @wouterVE, Can you confirm if you experience the same [on our demo page here](https://demo.bookstackapp.com/books/bookstack-demo-site/page/header-level-examples#bkmrk-large-header)?
Author
Owner

@wouterVE commented on GitHub (Jun 21, 2023):

Hi @ssddanbrown
On the demo page, everything works fine. I did use some custom CSS, as you proposed in this post (to add a scrollbar to the left side section), but even when I delete this custom CSS I still have the same problem.

Would it help you if I spin up a new empty instance to test if this problem still persists?

@wouterVE commented on GitHub (Jun 21, 2023): Hi @ssddanbrown On the demo page, everything works fine. I did use some custom CSS, as you proposed in[ this post](https://github.com/BookStackApp/BookStack/issues/4041#issuecomment-1431664836) (to add a scrollbar to the left side section), but even when I delete this custom CSS I still have the same problem. Would it help you if I spin up a new empty instance to test if this problem still persists?
Author
Owner

@majortomL commented on GitHub (Jul 20, 2023):

Hi @ssddanbrown, I second this problem, among both Edge and Chrome. Weirdly, it works on Firefox. The demo page works fine, though. No custom CSS on our side.

@majortomL commented on GitHub (Jul 20, 2023): Hi @ssddanbrown, I second this problem, among both Edge and Chrome. Weirdly, it works on Firefox. The demo page works fine, though. No custom CSS on our side.
Author
Owner

@wouterVE commented on GitHub (Jul 20, 2023):

@majortomL I have the same behaviour. Apparently, I didn't test it in Firefox before as scrolling does work in Firefox but not in Chromium based browsers like Opera, Edge...

@wouterVE commented on GitHub (Jul 20, 2023): @majortomL I have the same behaviour. Apparently, I didn't test it in Firefox before as scrolling does work in Firefox but not in Chromium based browsers like Opera, Edge...
Author
Owner

@gaelanlloyd commented on GitHub (Sep 5, 2023):

I was having the same issue with v23.05.2. Just updated my instance (to v23.08.2) and the problem went away.

@gaelanlloyd commented on GitHub (Sep 5, 2023): I was having the same issue with v23.05.2. Just updated my instance (to v23.08.2) and the problem went away.
Author
Owner

@wouterVE commented on GitHub (Sep 22, 2023):

I can confirm that the issue went away for 2 instances when upgrading to V23.08.2.
@ssddanbrown I'll close this issue

@wouterVE commented on GitHub (Sep 22, 2023): I can confirm that the issue went away for 2 instances when upgrading to V23.08.2. @ssddanbrown I'll close this issue
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/BookStack#3872