Paste Options Menu Repositioning Issue After Scrolling in Document Editor Component

[Mukit Mahdin]

Product Version: @syncfusion/ej2-react-documenteditor v29.1.37

Framework: React 18.0.0
I'm experiencing a positioning and interaction issue with the Paste Options menu in the DocumentEditorContainerComponent when it's rendered inside a modal dialog (RSuite Modal).

Steps to Reproduce:

1. Open a DocumentEditorContainerComponent inside a modal dialog

2. Copy content from Microsoft Word

3. Paste the content into the editor

4. The "Paste Options" menu appears correctly with options like "Match Destination Formatting"

5. Select any option (like, "Match Destination Formatting")

6. Scroll up or down within the modal body

7. Click on the pasted content area again to trigger the paste options menu

Expected Behavior:
The Paste Options menu should reappear at the correct position relative to the pasted content (Even if I Scroll Up and Down after Pasting)

Actual Behavior:

• The page/modal scrolls unexpectedly (usually upward) when I tried to click the Paste Menu.

• The menu seems to lose its position reference after scrolling

Watch the Attached Video for Better Reference : 
https://drive.google.com/file/d/1BwI1oBIJBVDn2is_DnDEpwI5LYg4ZfIw/view?usp=sharing

Configuration:

<DocumentEditorContainerComponent
  ref={containerRef}
  id={key}
  height="800px"
  serviceUrl={some url}
  enableToolbar
  toolbarItems={items}
/>

Environment:

• Modal container: RSuite Modal with overflow: auto on Modal.Body

• DocumentEditor height: 800px

• The modal uses position: relative for the body

Question:
Is this a known issue with the Paste Options menu positioning in scrollable containers? Are there any configuration options or workarounds to maintain proper positioning of the paste menu after scroll events?


I've attempted to fix this with CSS (position: fixed, high z-index) but the core issue of scroll jumping and menu repositioning persists.

[Akshaya Arivoli]

Hi Mahdin,

We were able to reproduce the reported issue in v29.1.37; however, this issue has been resolved in our latest release v32.1.21. We have shared the sample we used for testing.Please upgrade to the latest version to resolve the issue.

If the issue still persists, kindly modify the provided sample by integrating your code so that the problem becomes reproducible. Additionally, please share:

• The document from which the content was copied
• Browser details

These details will help us investigate more and assist you with further details.

Regards,

Akshaya

Attachment: ScrollRecording_6439f3bd.zip

[Akshaya Arivoli]

Hi Mahdin,

We have shared the sample we used for testing.

Regards,

Akshaya

Attachment: DocumentEditor_RsuiteModal_cfe81deb.zip