Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

overflow:hidden not being respected when using transforms #481

Closed
saihaj opened this issue May 11, 2023 · 3 comments · Fixed by #635
Closed

overflow:hidden not being respected when using transforms #481

saihaj opened this issue May 11, 2023 · 3 comments · Fixed by #635
Labels
bug Something isn't working released
Milestone

Comments

@saihaj
Copy link

saihaj commented May 11, 2023

Bug report

Description / Observed Behavior

I am using absolute positioning, when using transform with overflow:hidden on parent, content seem to overflow

What kind of issues did you encounter with Satori?

Expected Behavior

How did you expect Satori to behave here?

Content should not overflow

Reproduction

https://og-playground.vercel.app/?share=ZZNvi5wwEMa_SgiUa0HX1VW3K73CUaQctBS2pW9uyxHNqGmjkTjuny773S9RZNe7VzHPMxlnfpOcaa440ITumk9c7Ake7ne0kHAkLOuU7BEIqtZ9Wsft8Q_RoqzQfYqWw0b1DQfuBke5o593DSE2g10J6fAk4f58HneEcNG1kp0Scmdz3zmTnrH8XzkkMtahEgg3ntIc9JZx0XfG9U0FV7MCW4qRw9AUc9UPgmP1Vm5VJ1CoxjgaJEOxv_mR2oMupDoYsxKcQzNZl4tdh9ZMc6IupxNMosGU24NuWylUO8NvtAaAMzST85rJrKqJ9rUqQiQUtsNV9O5WHWZgZDdYz3QzJqMGy5mYKURVW3r-TL_i82ecbgC-NlCzpiuUttm0Qobw3o85lB-uQSOvoVedGwwVYtslnmem_1_iRsZ9GdSLXKqeF1o1uGgAPaZRdOj2rVSMd164CfxVtlq7-SZeuuEqCtwsC2IXVsUyjzbrNWfgbdNv6cPP9PnLj9_p9vnx-8PX1AuWoR9GvtvA4bFmJSzappzge-P1NIXszde4Uoeq1tLvaHKmQ9s0-RgGDh3h0CTaxA7lkPUlTVD34FCo1V_x69TaB1PIHho0WQrTSVpnwMeoi0ORZSagAmkuldKS08sL

Additional Context

If I try in simple browser this is what I would expect to see
image

@shuding shuding added the bug Something isn't working label May 17, 2023
@shuding shuding added this to the 1.0 milestone May 17, 2023
@Shubhdeep12
Copy link

Hey @shuding, Would love to fix this issue.
Please let me know if this is valid and any insights would be appreciated 🙌🏻
Thanks

@2hu12
Copy link

2hu12 commented Oct 4, 2023

5. overflow: hidden and transform can't be used together. this has been documented in the README, so it's not a bug I guess? Or it's something we should support in the future?

Copy link

🎉 This issue has been resolved in version 0.11.1 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working released
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants