In-page navigation with special characters does not work #220

New Issue

OVERLORD · 2026-02-04T17:46:40+03:00

OVERLORD commented

2026-02-04 17:46:40 +03:00

Originally created by @montharon on GitHub (Dec 18, 2016).

I've noticed, that the automatically generated in-page-navigation feature does not work, if
the headline contains any special characters like brackets or the like...

If I click on, let's say, "Receipe 02 (Doctor Faust)" on the right menu panel, nothing happens...

Keep up the great work Dan!
Cheers,
Mike

Originally created by @montharon on GitHub (Dec 18, 2016). I've noticed, that the automatically generated in-page-navigation feature does not work, if the headline contains any special characters like brackets or the like... <img width="723" alt="inpage-navig" src="https://cloud.githubusercontent.com/assets/21140797/21293364/88a27ef4-c522-11e6-92dd-3125e561f25a.PNG"> If I click on, let's say, "Receipe 02 (Doctor Faust)" on the right menu panel, nothing happens... Keep up the great work Dan! Cheers, Mike

OVERLORD added the 🐛 Bug label 2026-02-04 17:46:40 +03:00

OVERLORD closed this issue

2026-02-04 17:46:40 +03:00

OVERLORD commented

2026-02-04 17:46:50 +03:00

@ssddanbrown commented on GitHub (Jan 8, 2017):

Hi @montharon, Thanks for reporting this issue.

Unfortunately I can't seem to replicate this bug. When I create headings of the same name it works without issue. To help me solve this issue could you:

Copy the page content into a new test page and see if the issue occurs there.
If it still does occur, Copy the url of a non-working nav link and paste it here and also provide the HTML ID of the corresponding header (Let me know if you're unsure on how to find this).

Thanks,
Dan

@ssddanbrown commented on GitHub (Jan 8, 2017): Hi @montharon, Thanks for reporting this issue. Unfortunately I can't seem to replicate this bug. When I create headings of the same name it works without issue. To help me solve this issue could you: 1. Copy the page content into a new test page and see if the issue occurs there. 2. If it still does occur, Copy the url of a non-working nav link and paste it here and also provide the HTML ID of the corresponding header (Let me know if you're unsure on how to find this). Thanks, Dan

OVERLORD commented

2026-02-04 17:46:56 +03:00

@montharon commented on GitHub (Jan 12, 2017):

Hi @ssddanbrown,

so, here is the corresponding url of the nav link
....books/miniature-painting/page/gold#bkmrk-rezept-02-%28doctor-fa

and here is the HTML ID of the corresponding header of the paragraph
<h4 id="bkmrk-rezept-02-%28doctor-fa">Receipe 02 (Doctor Faust)</h4>

Once again, many thanks for your great support Dan!
Cheers
montharon

@montharon commented on GitHub (Jan 12, 2017): Hi @ssddanbrown, so, here is the corresponding url of the nav link `....books/miniature-painting/page/gold#bkmrk-rezept-02-%28doctor-fa` and here is the HTML ID of the corresponding header of the paragraph `<h4 id="bkmrk-rezept-02-%28doctor-fa">Receipe 02 (Doctor Faust)</h4>` Once again, many thanks for your great support Dan! Cheers montharon

OVERLORD commented

2026-02-04 17:47:01 +03:00

@ssddanbrown commented on GitHub (Jan 14, 2017):

@montharon Thanks for the extra details. I found that chrome just handles special characters natively whereas on firefox the issue could be seen. Now updated to find the correct block with JavaScript and added smooth scrolling and better highlighting. Fix will be in the next release.

@ssddanbrown commented on GitHub (Jan 14, 2017): @montharon Thanks for the extra details. I found that chrome just handles special characters natively whereas on firefox the issue could be seen. Now updated to find the correct block with JavaScript and added smooth scrolling and better highlighting. Fix will be in the next release.

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/BookStack#220