You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
However, the dropdown of the library (which is Mui Autocomplete) completely loses its stylings, it just displays a text list with no container and no scroll. Maybe the library uses disablePortal set to true?
Is there a way to have the library work inside a shadow DOM?
Thanks in advance
To Reproduce
Wrap the library in a shadow DOM
Expected behavior
Have same stylings
The text was updated successfully, but these errors were encountered:
What I found is that you can intercept each relevant component and force it to using the app's Mui theme that does have a reference to the shadow DOM, something like:
That way, even though React awesome query builder defines its own theme, you can come "in between" and force components back into your defined shadow DOM
Hope it helps anyone,
It's certainly not a bug of the app, just something to deal with
Describe the bug
(Using version 5.4.2)
I'm rendering the library inside a shadow DOM, and updated my material UI theme to render portals, like in Mui docs (https://mui.com/material-ui/guides/shadow-dom/):
However, the dropdown of the library (which is Mui Autocomplete) completely loses its stylings, it just displays a text list with no container and no scroll. Maybe the library uses disablePortal set to true?
Is there a way to have the library work inside a shadow DOM?
Thanks in advance
To Reproduce
Wrap the library in a shadow DOM
Expected behavior
Have same stylings
The text was updated successfully, but these errors were encountered: