websites - sort categories case-insensitively

news/changelog-1.7.md

@@ -21,6 +21,7 @@ All changes included in 1.7:
 
 ## Website projects
 
+- ([#8238](https://github.com/quarto-dev/quarto-cli/issues/8238)): Listing categories are now sorted case-insensitively.
 - ([#11701](https://github.com/quarto-dev/quarto-cli/issues/11701)): Wrap HTML emitted by EJS templates in `{=html}` blocks to avoid memory blowup issues with Pandoc's parser.
 - ([#12134](https://github.com/quarto-dev/quarto-cli/issues/12134)): Forward `logo.small` images in `_brand.yml` files to a website `favicon`.
 

src/project/types/website/listing/website-listing-categories.ts

@@ -1,7 +1,7 @@
 /*
  * website-listing-categories.ts
  *
- * Copyright (C) 2020-2022 Posit Software, PBC
+ * Copyright (C) 2020-2025 Posit Software, PBC
  */
 import { Document } from "deno_dom/deno-dom-wasm-noinit.ts";
 import {
@@ -72,7 +72,11 @@ export function categorySidebar(
     categoriesEl.appendChild(allEl);
   }
 
-  for (const cat of Object.keys(cats).sort()) {
+  for (
+    const cat of Object.keys(cats).sort((a: string, b: string) =>
+      a.toLocaleLowerCase().localeCompare(b.toLocaleLowerCase())
+    )
+  ) {
     const count = cats[cat];
     const catEl = categoryElement(doc, cat, formatFn(cat, count), cat);
     categoriesEl.appendChild(catEl);

tests/docs/smoke-all/2025/04/01/issue-8238/.gitignore

@@ -0,0 +1 @@
+/.quarto/

tests/docs/smoke-all/2025/04/01/issue-8238/_quarto.yml

@@ -0,0 +1,21 @@
+project:
+  type: website
+
+website:
+  title: "issue-8238"
+  navbar:
+    left:
+      - href: index.qmd
+        text: Home
+      - about.qmd
+
+format:
+  html:
+    theme:
+      - cosmo
+      - brand
+    css: styles.css
+    toc: true
+
+
+

tests/docs/smoke-all/2025/04/01/issue-8238/about.qmd

@@ -0,0 +1,5 @@
+---
+title: "About"
+---
+
+About this site

tests/docs/smoke-all/2025/04/01/issue-8238/index.qmd

@@ -0,0 +1,25 @@
+---
+title: "issue-8238"
+listing: 
+  - id: reports
+    contents: "lab-reports"
+    type: table
+    fields: [title, author, reading-time]
+    categories: true
+_quarto:
+  render-project: true
+  tests:
+    html:
+      ensureHtmlElements:
+        - ['div.quarto-listing-category div.category:nth-child(2)[data-category="YWFyZHZhcms="]']
+        - []
+---
+
+This is a Quarto website.
+
+To learn more about Quarto websites visit <https://quarto.org/docs/websites>.
+
+## Reports
+
+:::{#reports}
+:::

tests/docs/smoke-all/2025/04/01/issue-8238/lab-reports/1.qmd

@@ -0,0 +1,8 @@
+---
+title: Aardvark
+author: Anthony
+categories:
+  - aardvark
+---
+
+## It starts with aardvarks

tests/docs/smoke-all/2025/04/01/issue-8238/lab-reports/2.qmd

@@ -0,0 +1,8 @@
+---
+title: Zebra
+author: Zack
+categories:
+  - Zebra
+---
+
+## It ends with Zebras

tests/docs/smoke-all/2025/04/01/issue-8238/styles.css

@@ -0,0 +1 @@
+/* css styles */