You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
We discovered that the component's blurhash background image previews aren't rendering at all in the latest Chrome browser (ref EmDashImage.astro). This is because the inline background style was being silently discarded by the browser as invalid CSS.
Root cause: @unpic/placeholder's blurhashToImageCssString returns background: url("...") cover, which is invalid shorthand. The CSS spec requires background-position before /background-size, e.g. center/cover.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
-
We discovered that the![]()
component's blurhash background image previews aren't rendering at all in the latest Chrome browser (ref EmDashImage.astro). This is because the inline background style was being silently discarded by the browser as invalid CSS.
Root cause: @unpic/placeholder's
blurhashToImageCssStringreturnsbackground: url("...") cover, which is invalid shorthand. The CSS spec requires background-position before /background-size, e.g. center/cover.For visibility, I've opened a fix upstream: ascorbic/unpic-placeholder#18
In our case, a pnpm patch generated with Claude was able to temporarily resolve it.
Beta Was this translation helpful? Give feedback.
All reactions