Preview workaround scrolling issue

[JinalSinroja]

I am having scrolling issue with the formula preview, as you have stated here that rendering element is out of ckeditor dom and you are giving absolute position according to the window.

what my issue is, I'm not using the window scroll

math-scroll-issue.mp4

So the absolute position is stick to the window , which is not scrollable.

[JinalSinroja]

We also couldn't get it right with ckeditor scroll too. it only takes the window scroll, so whenever we scroll into ckeditor area, it stays at the place, it doesn't scroll with the pop up

Here is the video to get the better idea.

Scroll-in-ckeditor.mp4

[tony]

@JinalSinroja The formula preview itself shows up in a different part of page - so its hard to reach with Inspector / Devtools.

If you were to use previewClassName and popupClassName, and adjust the CSS within those classnames, does that help?

While I can't solve the problem for you, it looks like its something to do with z-index or position.

[JinalSinroja]

@tony Thanks for responding.

We applied the approach of updating the position of math-preview div. We are listening on scroll event and updating the position of preview class, as we didn't have any other option better than this