[Page] When navigating through subfolder lists in the page contents section, links truncate subdirectory paths

[blacklightpy]

Describe the bug
In my phone, I didn't have the navbar, so I switched to a page by search and tried navigating via the breadcrumbs. The first two clicks worked right, but the third click (reason explained below) took me to a broken link.

Basically the link strips the subdirectory path. That is, if the website is hosted at example.com/subdirectory (the content being at example.com/subdirectory/path1/path2/...), the URL changes into example.com/path1/path2/path3.

This doesn't happen in desktop mode view.

Also, this only happens every third click when navigating subfolders.

That is, I go to any page, then I use breadcrumbs to switch to a folder, then I switch to a subfolder, and then switch to any note or subfolder, I'll see that the links are broken.

To Reproduce
Steps to reproduce the behavior:

1. Go to a quartz website with at least three levels of nesting. That is, Folder 1> Folder 2 > File X / Folder 3
2. Go to a file under Folder 1 by search (e.g. Folder 1/Folder 2/File Y)
3. Switch to Folder 1 via breadcrumbs
4. Switch another folder, Folder 2 via breadcrumbs or contents list
5. Switch to any other file or folder
6. See that the link breaks

Expected behavior
Link doesn't break

Screenshots and Source

1. Me at a random page
   

2. I switched to 🔮 World Building folder
   

3. I switched to the Science and Engineering subfolder (notice that it's okay, and I have the domain subfolder path (/notes/) in the URL
   

4. I switched to the Science Resources subfolder and it breaks (notice that I don't have the domain subfolder path in the URL)
   

My website: https://blacklightpy.github.io/notes

Desktop (please complete the following information):

• Quartz Version: Latest Branch (4.4.0)
• node Version: 22 (GitHub CI job copied from docs)
• npm version: "
• OS: "
• Browser: Google Chrome on Android

[saberzero1]

All breadcrumbs from folderpage seem to exhibit described behavior, even on desktop. Refreshing the page fixes the issue. I suspect a problem determining the root path.

Can you check if this issue gets worse if you are several folders deep? I want to know if deeper levels cut of more of the link.

[blacklightpy]

It's actually better.

Say I start here: https://blacklightpy.github.io/notes/%F0%9F%94%AE-World-Building/Science-and-Engineering/Physics/Mechanics/Electrodynamics/Optics

I can move back to any number of folders via the breadcrumbs. But if I click a link from the subfolder list, it loads fine, but all the links in the new page, including breadcrumbs lose the /notes path and breaks. so this is not about page depth, just the routing.

[blacklightpy]

Aha, turns out this isn't just for mobile, I just happened to notice this because I only navigated through the subfolder list in the contents section when I was using the phone. This is a problem in that area.

[blacklightpy]

This is especially a problem for mobile phones where you can't navigate well without the directory tree.

[blackraspberryyy]

I found that when the site is deployed NOT on github pages, it works.

Notice that on github pages, I have an additional /kippian-wiki slug, while on the Netlify site, it doesn't have any additional slug.

👎https://blackraspberryyy.github.io/kippian-wiki (Github Pages)

breadcrumb_link_not_working.mp4

👌 https://incandescent-lolly-545814.netlify.app (Netlify using https://app.netlify.com/drop)

breadcrumb_links_working.mp4

---

Additionally, this bug seems to happen on three level directory and more. (e.g. Home > Folder 1 > Folder 2 > File X) but works fine on two level directory (e,g. Home > Folder 1 > File X)

[blacklightpy]

Additionally, this bug seems to happen on three level directory and more. (e.g. Home > Folder 1 > Folder 2 > File X) but works fine on two level directory (e,g. Home > Folder 1 > File X)

Yeah I had mentioned that earlier

Go to a quartz website with at least three levels of nesting. That is, Folder 1> Folder 2 > File X / Folder 3

Because we can only make two clicks via the subfolder list if we have two folders of depth. But it's the first click on the subfolder that breaks the links while generating the next page.