Support for multiple eventsElement?

[caroline-hughes]

In my project, select can occur within the HTMLElement "doc-viewer":

eventsElement: document.getElementById("doc-viewer")

Once drag selection ends, we show a div for that box area on top of "doc-viewer".
Ideally, drag selection can begin in this box, or end in it if started from within "doc-viewer". But since the box z-index is higher, it can't. See video.

Think of these box areas as comments on a document. Ideally, two comment areas can overlap.

What is the best solution here? Would it be possible to support multiple eventsElements?

Screen.Recording.2024-01-17.at.8.06.55.PM.mov

[tomaszczura]

Could you create a codesandbox with a simple example?