pd4d10/hashmd

Editor overflow caused by Math plugin

AnzhiZhang opened this issue · 9 comments

AnzhiZhang commented

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.

image

pd4d10 commented

It seems caused by KaTeX/KaTeX#2796

github-actions commented

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

AnzhiZhang commented

ping

CPunisher commented

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 commented

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

AnzhiZhang commented

ping

github-actions commented

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

AnzhiZhang commented

ping

eikowagenknecht commented

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;
}