post categories are not clickable when new post folder name have space or not in English

[TonyFly3000]

Bug description

quarto blog bug:

When new post folder name have space or not in English then the post categories are not clickable.

Steps to reproduce

No response

Expected behavior

No response

Actual behavior

No response

Your environment

No response

Quarto check output

Quarto 1.6.30
[✓] Checking environment information...
Quarto cache location: /Users/jinchaoduan/Library/Caches/quarto
[✓] Checking versions of quarto binary dependencies...
Pandoc version 3.4.0: OK
Dart Sass version 1.70.0: OK
Deno version 1.46.3: OK
Typst version 0.11.0: OK
[✓] Checking versions of quarto dependencies......OK
[✓] Checking Quarto installation......OK
Version: 1.6.30
Path: /Applications/quarto/bin

[✓] Checking tools....................OK
TinyTeX: v2024.04
Chromium: (not installed)

[✓] Checking LaTeX....................OK
Using: TinyTex
Path: /Users/jinchaoduan/Library/TinyTeX/bin/universal-darwin
Version: 2024

[✓] Checking basic markdown render....OK

[✓] Checking Python 3 installation....OK
Version: 3.13.0
Path: /Library/Frameworks/Python.framework/Versions/3.13/bin/python3
Jupyter: 5.7.2
Kernels: python3

[✓] Checking Jupyter engine render....OK

[✓] Checking R installation...........OK
Version: 4.4.1
Path: /Library/Frameworks/R.framework/Resources
LibPaths:
- /Library/Frameworks/R.framework/Versions/4.4-arm64/Resources/library
knitr: 1.48
rmarkdown: 2.28

[✓] Checking Knitr engine render......OK

[mcanouil]

Unfortunately, we cannot use your report as you are talking about something but illustrated with something not relevant to your issue which appears to work properly.
Providing a clear depiction of an issue and the steps to reproduce is not optional, we do need that in order to help. Help us help you.

Note that you should enclose your categories with quotes.

Screen.Recording.2024-12-27.at.20.18.30.mov

Screen.Recording.2024-12-27.at.20.24.29.mov

[TonyFly3000]

Thanks for the reply. I added the video clip at the end. Three posts are the same. Only difference are the post folder names.

So post categories are not clickable in the post page(not the main page) when new post folder name have space or not in English

screenshots.2.mp4

[mcanouil]

We need a reproducible example not a video of one.

---

You can share a self-contained "working" (reproducible) Quarto document using the following syntax, i.e., using more backticks than you have in your document (usually four ````).
See https://quarto.org/bug-reports.html#small-is-beautiful-aim-for-a-single-document-with-10-lines.

If you have multiple files (and if it is absolutely required to have multiple files), please share as a Git repository.

R	Python
````qmd --- title: "Reproducible Quarto Document" format: html engine: knitr --- This is a reproducible Quarto document. {{< lipsum 1 >}} ```{r} x <- c(1, 2, 3, 4, 5) y <- c(1, 4, 9, 16, 25) plot(x, y) ``` {#fig-placeholder} {{< lipsum 1 >}} The end after @fig-placeholder. ````	````qmd --- title: "Reproducible Quarto Document" format: html engine: jupyter --- This is a reproducible Quarto document. {{< lipsum 1 >}} ```{python} import matplotlib.pyplot as plt x = [1, 2, 3, 4, 5] y = [1, 4, 9, 16, 25] plt.plot(x, y) plt.show() ``` {#fig-placeholder} {{< lipsum 1 >}} The end after @fig-placeholder. ````

Additionally and if not already given, please share the output of quarto check within a code blocks (i.e., using three backticks ```txt), see https://quarto.org/bug-reports.html#check.

[TonyFly3000]

There is the Git repository:https://github.com/TonyFly3000/testing-quarto-blog

Again the bug is
Post categories are not clickable in the post page(not the main page) when new post folder name have space or not in English

[dominicroye]

I have the same issue.

[mcanouil]

@TonyFly3000 The Git repository does not exist or is not public.

[TonyFly3000]

sorry, Its public now

[mcanouil]

Thanks, I can reproduce with your repository.

[cderv]

Please, try latest v1.6.40 version. This issue should have been fixed with the patches we've done.

Thanks

[cscheid]

I can repro as well on main.

[mcanouil]

The main issue here was the categories inside a post with non ascii characters or spaces in the filepath:

Screen.Recording.2025-01-15.at.15.14.28.mov

[cderv]

Ok other bug then. I'll have a look. Thanks !!

[cderv]

Found the problem as we could expect.

We use window.location.pathname which return URL encoded path, and comparer it to non URL encoded, and so it prevent from activating the categories found in listing

quarto-cli/src/resources/formats/html/quarto.js

Lines 229 to 285 in 7d809d7

	async function findAndActivateCategories() {
	// Categories search with listing only use path without query
	const currentPagePath = offsetAbsoluteUrl(
	window.location.origin + window.location.pathname
	);
	const response = await fetch(offsetRelativeUrl("listings.json"));
	if (response.status == 200) {
	return response.json().then(function (listingPaths) {
	const listingHrefs = [];
	for (const listingPath of listingPaths) {
	const pathWithoutLeadingSlash = listingPath.listing.substring(1);
	for (const item of listingPath.items) {
	if (
	item === currentPagePath ||
	item === currentPagePath + "index.html"
	) {
	// Resolve this path against the offset to be sure
	// we already are using the correct path to the listing
	// (this adjusts the listing urls to be rooted against
	// whatever root the page is actually running against)
	const relative = offsetRelativeUrl(pathWithoutLeadingSlash);
	const baseUrl = window.location;
	const resolvedPath = new URL(relative, baseUrl);
	listingHrefs.push(resolvedPath.pathname);
	break;
	}
	}
	}
	// Look up the tree for a nearby linting and use that if we find one
	const nearestListing = findNearestParentListing(
	offsetAbsoluteUrl(window.location.pathname),
	listingHrefs
	);
	if (nearestListing) {
	activateCategories(nearestListing);
	} else {
	// See if the referrer is a listing page for this item
	const referredRelativePath = offsetAbsoluteUrl(document.referrer);
	const referrerListing = listingHrefs.find((listingHref) => {
	const isListingReferrer =
	listingHref === referredRelativePath ||
	listingHref === referredRelativePath + "index.html";
	return isListingReferrer;
	});
	if (referrerListing) {
	// Try to use the referrer if possible
	activateCategories(referrerListing);
	} else if (listingHrefs.length > 0) {
	// Otherwise, just fall back to the first listing
	activateCategories(listingHrefs[0]);
	}
	}
	});
	}
	}

I'll push a fix, and add new tests

[TonyFly3000]

Thanks. The issue fix on main