[Bug]: Charts Modal is not appending to body please use react portals

[Likith-Chintala]

Contact Details

No response

What happened?

A bug happened!

Version

latest

Data & options used

No response

Relevant log output

No response

Codesandbox example

No response

[Akshat55]

Hi, we are going to need more information on this. Have you imported the css? What version of react are you using? Could you please provide us with a code sandbox?

Based on this example code sandbox, we can see that they are being appended to the body.

https://codesandbox.io/s/06m3t

[rwibm]

I'm not sure why this issue is asking for more information but this is definitely still a problem with the latest charts, even in the code sandbox linked above the modal is clearly not inserted as a direct child of the body element.

Modals are completely broken if any parent element of the "chart-holder" div (where the modal is inserted in the DOM) has a relative position or has "transform: translate" applied to it.

Like the OP said, can this be changed to use React portals please so modals work as expected?

[theiliad]

Hi @rwibm, our React components are merely wrappers of the vanilla implementation. We're not able to use React portals for that reason. However I do think the ask here is a valid one, I will try to work on this