So to give you guys some background, I have been working with rehype katex plugin within the react markdown component in a nextJS application. CONCERN—> The latex works perfectly for all all browser, converting properly formatted equations well, does not break.
The issue is with SAFARI. When there’s too much latex equation the UI latency increases for only one specific component, THE radix-ui Dropdown, it is instantaneous without the latex in the UI, but with it a noticeable 2s delay is observed on all drop downs.
Happens specifically for SAFARI, all the other browsers don’t exhibit such latency no matter how much latex is rendered.
How can I deal with this/optimise this, PLEASE HELP ME WITH THIS. Would highly appreciate any suggestions to resolve the issue.
General ⇒ LaTeX and safari UI (NextJS)
Learn LaTeX easily with newest books:
The LaTeX Beginner's Guide: 2nd edition and perfect for students writing a thesis
The LaTeX Cookbook: 2nd edition full of practical examples for mathematics, physics, chemistry, and more
LaTeX Graphics with TikZ: the first book about TikZ for perfect drawings in your LaTeX thesis