KaTeX does not render HTML extension commands despite strict: false and trust: true options

[JohnScience]

I'm trying to embed LaTeX expressions in the web documentation of my library.

That's the HTML code that cargo, Rust's build system, places into the head of HTML documents with documentation:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.15.1/dist/katex.min.css" integrity="sha384-R4558gYOUz8mP9YWpZJjofhk+zx0AS11p36HnD2ZKj/6JR5z27gSSULCNHIRReVs" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.15.1/dist/katex.min.js" integrity="sha384-z1fJDqw8ZApjGO3/unPWUPsIymfsJmyrDVWC8Tv/a1HeOtGmkwNd/7xUS0Xcnvsx" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.15.1/dist/contrib/auto-render.min.js" integrity="sha384-+XBljXPPiv+OzfbB3cVmLHf4hdUFHlWNZN5spNQ7rmHTXpd7WvJum6fIACpNNfIR" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>
<script>
    document.addEventListener("DOMContentLoaded", function() {
        renderMathInElement(document.body, {
            strict: false,
            trust: true,
            delimiters: [
                {left: "$$", right: "$$", display: true},
                {left: "\\(", right: "\\)", display: false},
                {left: "$", right: "$", display: false},
                {left: "\\[", right: "\\]", display: true}
            ]
        });
    });
</script>

The .tex that is being embedded:

\begin{cases}
    \operatorname{try\_get\_len\_of\_closed\_int\_intvl\_from\_0}: \href{Self}{google.com} \rightharpoonup usize \\
    \operatorname{try\_get\_len\_of\_closed\_int\_intvl\_from\_0} = i \mapsto \lvert [0..i] \rvert
\end{cases}

Output:

How can I make KaTeX display the tex properly?

Source: https://stackoverflow.com/questions/70638507/katex-does-not-render-html-extension-commands-despite-strict-false-and-trust

[edemaine]

Did you check the console for error messages?

Self is not a valid URL. That may be the problem.

[JohnScience]

Provided more information. The issue has been found.

[JohnScience]

That's the whole list of errors,

Access to font at 'file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/SourceSerif4-Regular.ttf.woff2' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.
struct.ZeroBasedIndex.html:1 GET file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/SourceSerif4-Regular.ttf.woff2 net::ERR_FAILED
struct.ZeroBasedIndex.html:1 Access to font at 'file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/FiraSans-Regular.woff2' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.
struct.ZeroBasedIndex.html:1 GET file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/FiraSans-Regular.woff2 net::ERR_FAILED
struct.ZeroBasedIndex.html:1 Access to font at 'file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/FiraSans-Medium.woff2' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.
struct.ZeroBasedIndex.html:1 GET file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/FiraSans-Medium.woff2 net::ERR_FAILED
struct.ZeroBasedIndex.html:1 Access to font at 'file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/SourceCodePro-Regular.ttf.woff2' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.
struct.ZeroBasedIndex.html:1 GET file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/SourceCodePro-Regular.ttf.woff2 net::ERR_FAILED
struct.ZeroBasedIndex.html:1 Access to font at 'file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/SourceSerif4-Bold.ttf.woff2' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.
struct.ZeroBasedIndex.html:1 GET file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/SourceSerif4-Bold.ttf.woff2 net::ERR_FAILED
struct.ZeroBasedIndex.html:1 Access to font at 'file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/SourceCodePro-Semibold.ttf.woff2' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.
struct.ZeroBasedIndex.html:1 GET file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/SourceCodePro-Semibold.ttf.woff2 net::ERR_FAILED
6A preload for '<URL>' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
struct.ZeroBasedIndex.html:1 A preload for 'file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/FiraSans-Regular.woff2' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
struct.ZeroBasedIndex.html:1 A preload for 'file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/FiraSans-Medium.woff2' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
struct.ZeroBasedIndex.html:1 A preload for 'file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/SourceSerif4-Regular.ttf.woff2' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
struct.ZeroBasedIndex.html:1 A preload for 'file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/SourceSerif4-Bold.ttf.woff2' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
struct.ZeroBasedIndex.html:1 A preload for 'file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/SourceCodePro-Regular.ttf.woff2' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
struct.ZeroBasedIndex.html:1 A preload for 'file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/SourceCodePro-Semibold.ttf.woff2' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
6The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
struct.ZeroBasedIndex.html:1 The resource file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/SourceSerif4-Bold.ttf.woff2 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
struct.ZeroBasedIndex.html:1 The resource file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/SourceCodePro-Semibold.ttf.woff2 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
struct.ZeroBasedIndex.html:1 The resource file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/FiraSans-Medium.woff2 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
struct.ZeroBasedIndex.html:1 The resource file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/FiraSans-Regular.woff2 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
struct.ZeroBasedIndex.html:1 The resource file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/SourceCodePro-Regular.ttf.woff2 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
struct.ZeroBasedIndex.html:1 The resource file:///C:/Users/demen/Documents/GitHub/zero_based_index/target/doc/SourceSerif4-Regular.ttf.woff2 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.

I didn't find a single one from KaTeX and none of them seems to be able to affect KaTeX in any way.

Swapping the arguments of \href command didn't fix the issue.

[JohnScience]

That's the new HTML that appears on the HTML document before being transformed by KaTeX (with "url" and "displayed text" arguments of \href command swapped)

<p>$$\begin{cases}
\operatorname{try\_get\_len\_of\_closed\_int\_intvl\_from\_0}: \href{google.com}{Self} \rightharpoonup usize \\
\operatorname{try\_get\_len\_of\_closed\_int\_intvl\_from\_0} = i \mapsto \lvert [0..i] \rvert
\end{cases}
$$</p>

[JohnScience]

The issue was the onload attribute that crept into the 3rd line in the the head of HTML document:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.15.1/dist/katex.min.css" integrity="sha384-R4558gYOUz8mP9YWpZJjofhk+zx0AS11p36HnD2ZKj/6JR5z27gSSULCNHIRReVs" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.15.1/dist/katex.min.js" integrity="sha384-z1fJDqw8ZApjGO3/unPWUPsIymfsJmyrDVWC8Tv/a1HeOtGmkwNd/7xUS0Xcnvsx" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.15.1/dist/contrib/auto-render.min.js" integrity="sha384-+XBljXPPiv+OzfbB3cVmLHf4hdUFHlWNZN5spNQ7rmHTXpd7WvJum6fIACpNNfIR" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>
<script>
    document.addEventListener("DOMContentLoaded", function() {
        renderMathInElement(document.body, {
            strict: false,
            trust: true,
            delimiters: [
                {left: "$$", right: "$$", display: true},
                {left: "\\(", right: "\\)", display: false},
                {left: "$", right: "$", display: false},
                {left: "\\[", right: "\\]", display: true}
            ]
        });
    });
</script>

I.e. this line

<script defer src="https://cdn.jsdelivr.net/npm/katex@0.15.1/dist/contrib/auto-render.min.js" integrity="sha384-+XBljXPPiv+OzfbB3cVmLHf4hdUFHlWNZN5spNQ7rmHTXpd7WvJum6fIACpNNfIR" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>

It caused the renderer to be called twice. And the first call happened with the default settings.

[edemaine]

Ah yes. Glad you found the problem!