satori icon indicating copy to clipboard operation
satori copied to clipboard

Using CSS `border`, images are broken and exposed

Open shinyuna opened this issue 1 year ago • 1 comments

Bug report

Description / Observed Behavior

What kind of issues did you encounter with Satori?

  • If you use the CSS border property, the image will be broken.

Expected Behavior

How did you expect Satori to behave here?

  • The image element will have a border.

Reproduction

  • https://og-playground.vercel.app/?share=rVNRa9swEP4rh8YggSRWnMQdJimUrRmDsYfSl4Fhla2zrUyWjCRnDSb_fZJDsnTtY_2i033f6e4-3_Wk0BxJSqIItkzKnBW_odTKWWCKw32jdwKYQeAHxRpReMoBpGYceaZ8TGl0A1-1riTC9hL2-csPC0KBq4UFjo2eZWqg_9QdFEwBk1aDQdcZb0PZqcIJraDQTasVKncKRmglO1RGd4r7F0Zj2NxCnyk4h46CveZiH04A6w4SN_3ACB8XNjyQQkZKic8ZmZyRP4K7OvjnlH688tcoqtq9AQRdToV8a1iFKTx1Ro4yUjvX2jSKDNpZjYZJ3sx8F1HhtfB9RCKwo5jOVxFdRDQZTLqgCaVzulz9orNdW2Vk_PRGpgdskQ3FKD01w-VS0fEYztvTZS2a6hxuTbF5t7JeyLXpb-JkSPtPqU2_vPl08f2vP4DOd1i4rRi6KPQezZWmAA0zlVDfsfT4NJ7TV9CjbgOymi2SKyzXhqN5YFx0NoVF_AoK2eKkfQarpeDwIY7jJL57kdoZpmypTRO4RjvmcDSNlxyr8RXvJDNANCi9jvyoDdY4U0eATJEJ0W0YXUvSngwykXQeUzohJ4FImiz8hWPeVSQt_dzjhPiF2InHQxv2rpSd_yH-nbB0902OnKTOdHicEMdyT7jje6YK7z7-BQ

Create a shareable reproduction link for the issue using https://og-playground.vercel.app.

Additional Context

Satori version, and any other context about the problem here.

  • @vercel/og : 0.6.2
  • next.js: 13.4.9
  • pages router & edge runtime

shinyuna avatar Jan 24 '24 09:01 shinyuna