Katex绝对值符号未按预期进行渲染

Question

我不确定为什么要在以下位置进行演示：https://katex.org可以正确渲染以下LaTex：

left| frac{1}{2} right|，因为它将输出：图像。

然而，当我尝试做同样的事情(使用相同的设置(：

let userInput = "\left| \frac{1}{2} \right|";        
katex.render(userInput, result, {"displayMode":true,"leqno":false,"fleqn":false,"throwOnError":true,"errorColor":"#cc0000","strict":"warn","output":"htmlAndMathml","trust":false,"macros":{"\f":"#1f(#2)"}})

输出如下所示：image2。请注意，绝对值符号是如何闭合分子和分母的，而不是整个分数。

我该如何解决这个问题？我的JS或HTML(HTML是最有可能的罪魁祸首(不正确吗？我是否正确导入了样式表和JS？还是其他什么不对劲？

编辑和其他值得注意的发现：

• 还值得注意的是，只有当显示模式为true或通过在LaTex中键入displaystle进行渲染而启用时，才会显示此错误
• 我发现了一个变通办法，但一个永久性的解决方案将是理想的。如果我键入{displaystyle lim_{nrightarrow infty}} left|frac{1}{2}right|(例如(作为LaTex以供KaTex渲染，它将允许某些元素处于显示样式，而其他元素则不处于显示样式。然而，问题仍然存在，katex的演示是如何做到的

Answer 1

关注你的时尚！！！这是一个错误，因为我导入了一个不同的样式表(Bulma(，它碰巧改变了输出。。。

修复：重写css。