I have successfully used tailwindcss with popup and contentui. But when I use a custom tsx component, which contains suspended elements, such as popover, selector drop-down box, etc., tailwindcss cannot be applied to these suspended elements. I inspected the web elements and found that the suspended elements were outside of plasmo-csui. How to make these custom components maintain the tailwindcss style when there are floating elements.
The popover in the popup can be displayed correctly,
In contentui, the surface element can be displayed correctly, but the floating element popover contained inside cannot be displayed correctly
What happened?
I have successfully used tailwindcss with popup and contentui. But when I use a custom tsx component, which contains suspended elements, such as popover, selector drop-down box, etc., tailwindcss cannot be applied to these suspended elements. I inspected the web elements and found that the suspended elements were outside of plasmo-csui. How to make these custom components maintain the tailwindcss style when there are floating elements.
The
popover
in the popup can be displayed correctly,In contentui, the surface element can be displayed correctly, but the floating element
popover
contained inside cannot be displayed correctlycode:
Version
Latest
What OS are you seeing the problem on?
MacOSX
What browsers are you seeing the problem on?
No response
Relevant log output
No response
(OPTIONAL) Contribution
Code of Conduct