Editor overflow caused by Math plugin

[AnzhiZhang]

I created a reproduction.

https://stackblitz.com/edit/github-zbspzz?file=app.vue

---

This only happend in nuxt3. I tried vue3 example in this repo, it works fine.

[pd4d10]

It seems caused by KaTeX/KaTeX#2796

[github-actions]

This issue is stale because it has been open for 60 days with no activity.

[AnzhiZhang]

ping

[CPunisher]

I create a demo to illustrate this problem: https://codepen.io/Punisher-C/pen/KKGLBMP
katext-ml is styled with position: absolute without any other position constraint (top, left, ...), which means the elements will display in the same position as the static layout. BUT they don't scroll with the scrollbar.

[github-actions]

This issue is stale because it has been open for 60 days with no activity.

[AnzhiZhang]

ping

[github-actions]

This issue is stale because it has been open for 60 days with no activity.

[AnzhiZhang]

ping

[eikowagenknecht]

Had the same problem today. This can be fixed by setting position: relative on the element containing the KateX rendering.

Also adding left: -10000px; to .katex .katex-mathml is helpful:

.katex .katex-mathml {
  left: -10000px;
}