flowbite icon indicating copy to clipboard operation
flowbite copied to clipboard

Support for Shadow DOM

Open FWest98 opened this issue 2 years ago • 3 comments

Please point me to the relevant resources if I am wrong, but it seems like Flowbite cannot be used together with Shadow DOM in native web components.

While the style examples work perfectly fine, the JS seems to work with document-level selectors (such as here), which will fail to find any results when working with a shadow DOM. The approach for that would be to pass the shadow root to this init function, so it can search within the shadow root.

Is there any perspective on getting Flowbite to work properly with web components and shadow dom?

FWest98 avatar Aug 25 '23 23:08 FWest98

Thanks @FWest98 for bringing this up, any idea when there could be any updates on this @zoltanszogyenyi, currently it is not possible to use flowbite within web components regardless of framework.

AbdulTheActivePiecer avatar Jan 21 '24 14:01 AbdulTheActivePiecer

I have this issue as well using react-shadow-root. Most things work but dark mode is stuck on, even when it is not applied

tangles-0 avatar Mar 28 '24 01:03 tangles-0

+1 for this... dealing with same issues...

raptor235 avatar Jun 03 '24 20:06 raptor235