bug: multi line equations rendering as one line

[paperbenni]

Did you read the documentation and check existing issues?

• I have read all the documentations (README, :h livepreview, Wiki)
• I have updated the plugin to the latest version before submitting this issue
• I have searched the existing issues and closed issues issues

Neovim version (nvim -v)

0.11.2

Operating system/version

Arch

Browser/version

Firefox 140.0

Describe the bug

Anything multi line renders as a single line, this applies to matrices, aligned environments and probably others as well. Fractions are strangely unaffected.

Side note, github has the same bug 😅
Their markdown implementation is hot garbage and doesn't adhere to their own spec.
I tried to reproduce this with a minimal implementation based on react, and the issue is not present
https://github.com/paperbenni/livedown

Steps To Reproduce

1. Create markdown document with latex blocks

# Hello
$$
\Sigma = \begin{pmatrix}
    a & 0 \\ 0 & b
\end{pmatrix}
$$

Expected Behavior

render like katex without github styling (or whatever is causing the problem) and other latex compilers do

Health

==============================================================================
livepreview:                                                              1 ⚠️

Check dependencies ~
- ✅ OK Nvim 0.11.2 is compatible with Live Preview
- ✅ OK `sh` is available
- ✅ OK `mini.pick` is installed
- ✅ OK `fzf-lua` is installed
- ⚠️ WARNING `telescope` (optional) is not installed

Checkhealth server and process ~
- ✅ OK This Nvim process's PID is 1632188
- ✅ OK Server is healthy on port 5500
- ✅ OK Server root: /home/benjamin/ufr/stochastik

Check your live-preview.nvim config ~
- Your configuration table
- {
    browser = "default",
    dynamic_root = false,
    picker = "",
    port = 5500,
    sync_scroll = true
  }

Minimal config to reproduce

vim.cmd.set "rtp+=/path/to/live-preview.nvim"

require("livepreview.config").set {
  --- Configuration here
}

[github-actions]

Thank you for your issue! We appreciate your feedback and will look into it as soon as possible. Please make sure to include all necessary details (including a minimal config that can reproduce the error) to help us assist you better. Pull requests are also welcome!

[brianhuster]

live-preview.nvim depends on KaTeX for previewing math expression. You can try typing your expression in https://katex.org to see if it behaves like you want there.

[paperbenni]

[paperbenni]

It does render correctly on katex.org, something about some wrappers manages to break it

[brianhuster]

Unfortunately, it doesn't work in my browsers (test with Firefox and Vivaldi on my laptop and my phone)

[paperbenni]

That's really odd, this is what it looks like on my phone on Firefox

[brianhuster]

Yes, your second example is rendered correctly on my laptop as well. But your first one is not

[paperbenni]

Unfortunately, it doesn't work in my browsers (test with Firefox and Vivaldi on my laptop and my phone)

There's a typo, you're missing a backslash

[paperbenni]

This does give me an idea though, something might be eating backslashes before the content gets passed to katex
Your typo looks like the rendering in the plugin right now

[paperbenni]

KaTeX/KaTeX#1831 (comment)
I found someone where this is likely what happened

[brianhuster]

I tried with the plugin and it seems to just work

Edit: I see it now, Because I add a line below the line # Hello. If I remove that empty line, your bug could be reproduced

[paperbenni]

I think I worked out the issue. The initial html and the socket updates use different escaping mechanisms. Adding additional escaping like in the image fixes the issue for me. I am not sure if this is a hacky fix, or if there's a better way to solve this