search

froala / wysiwyg-editor

The next generation Javascript WYSIWYG HTML Editor.
https://www.froala.com/wysiwyg-editor
Other
5.3k stars 675 forks source link

Table Editor Popup misplaced when froala editor is in a scrollableContainer #4333

Open npetrini opened 3 years ago

npetrini commented 3 years ago
Expected behavior.

When the froala editor is in sticky mode and attached to a scrollableContainer, the table editor popup should be placed right below the selected table cell

Actual behavior.

The table editor popup is placed too far from the cell

Steps to reproduce the problem.

Open this fiddle https://jsfiddle.net/sjxktvec/33/ , scroll a bit and then click in any table cell, the popup will be placed in the far bottom of the page.

Editor version.

tested with 3.2.2, 3.2.6, 3.2.7

OS.

tested under fedora 34, macos big sur and windows 10

Browser.

Chrome 93.0.4577.82

alex-mironov commented 3 years ago

Image popup seems also to be misplaced in such a case. @npetrini did you figure a way to solve it?

marukx commented 2 years ago

Any updates on this one ? Manage to reproduce in version 4.0.7

AkshayCM commented 2 years ago

Thank you for your feedback. The request has been reported to the product management team for evaluation and consideration for an upcoming release.

sssats commented 2 years ago

It's still actual for 4.0.10. It's critical for my project, because I have editors in popups. What is the status of the issue? Any tips, workarounds? image image

JohnBernardsson commented 1 year ago

I just faced this "issue", there is a fix to it: add position: relative to the scrollableContainer. Or any other "position" that sets the scrollableContainer as the positioning reference for the pop ups.

Modification of the initial fiddle with the fix: https://jsfiddle.net/3csLprw5/