[Bug]: Popover does not work on a scaled canvas about components

[rubencarvalho]

Hello Brian,

thanks for reaching out.

I was only able to reproduce what you've mentioned in our Popover component page, by setting, for example, transform: scale(0.5) in the Playground content element.
Standard zoom from Chrome 103 didn't impact the component for me. Which browser are you using?

Nonetheless, using the renderWithPortal property solved this for me. Enabling this property will allow the popover to be rendered in the root stack context using React Portals (however, depending on your use case - ie: if transform: scale is applied to the whole document - this might not be the solution).

Could you please share your source code with us or let us know if enabling that property solved it for you?

Thank you,
RC

[brianfoody]

@rubencarvalho that does the trick, amazing buddy thanks! How did I not know about React portals also!? Thanks for the bit of education too ;-)