Popover not displayed correctly in small screens

Issues
1

Hi Plasmic Team,

It seems popover ANT component is not being displayed correctly in small screens when using the codegen approach for the react app because of the popover nested styles not being applied. Within the Plasmic studio, everything works as expected.

cc: @victor Tagging you since you have been close to similar issues as below:
https://plasmiccommunity.slack.com/archives/C013DHGMJTA/p1699463827439969
https://plasmiccommunity.slack.com/archives/C013DHGMJTA/p1699634023768529

image.png

2

image.png
image.png662×934 89.6 KB

3

we merged a fix for this yesterday; could you try syncing again?

4

Hi @chungwu,

it seems the issue is present when the popover component is inside the tab content component (from @plasmicpkgs/plasmic-tabs).

Besides the issue on displaying it in small screens (as in the screenshot above), there it seems the styles are lost because also the text color is black (and not our main text color that was set)

cc: @victor

5

Hi guys @icaro @tiago @yang

Do you have any idea what may be causing the issue here?

6

Hi @samuel any chance on fixing this issue? Or should we use a custom code component for now?

7

Hi @kindhearted_cattle, I’m still trying to reproduce this issue. Does it happen if you publish a new version (to ensure it’s not using cached responses from before the fix)?

8

Hi @victor, thanks for the follow-up.
I confirm that also when publishing a new version, the issue is still present

9

Could you share your project ID?

10

Thanks, just sent you a DM!