satori icon indicating copy to clipboard operation
satori copied to clipboard
verified publisher icon vercel

`word-break: keep-all` breaks when used with `text-wrap: balance`

Open XiNiHa opened this issue 1 year ago • 0 comments

Bug report

Description / Observed Behavior

word-break: keep-all breaks when used with text-wrap: balance.

On Web with Firefox: image

On Satori (Debug mode): image

Expected Behavior

The word break behavior should match with the Web.

Reproduction

https://og-playground.vercel.app/?share=bVG9TsMwEH4VywixhBJ-hFBUGCg8QRFdujjxpXHr2pHj0IYoC2JAdK5UIbGBBBIbZeONEt4BuyVVhTr57vvO3919l-NAUsAeblJ20xUIJTrjcJrnNkYoAtaLtId29l13e8dZgiNGdfQPoyyJOckMGnIY16iNL5iCQDMpDBdIng5FzfbTRLMwa0mhQdgmgXlA1bRPgkFPyVTQluRSGX4rDMOVtPnVZrfgocODNajzN_Cx69bTSkXPFZCBERgAxLuE81pEw1h3FIkN5RNORABLpii64swG16AC4NXzDLWJloqVr9-ouvuont5_pnNUfs6r6ax6_ConD-XkpbGh6K2x0rjfBK4Jd0VzzxzB9MUOlrG1LMFejhd2Y-_EbISX98DekU0o-GkPeyHhCTgYhrLPrrLYHlOPFpnRsZ5cDn2g2NMqhcLBmvimIgLOpbGGU1z8Ag

Additional Context

As commented on the Codepen repro, the behavior of Satori can be made on the Web by commenting out word-break: keep-all, but the inverse is impossible.

XiNiHa avatar Feb 29 '24 05:02 XiNiHa