`filter: "blur()"` doesn't work in Safari

[satoshiman]

Bug report

filter: "blur(10px)" doesn't work in Safari, working well in Chrome

Description / Observed Behavior

What kind of issues did you encounter with Satori?

Expected Behavior

How did you expect Satori to behave here?

Expected it work same results even if from Safari or Chrome

I found that Blur filter was supported by Safari https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feGaussianBlur

Reproduction

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

https://og-playground.vercel.app/?share=bVJBboMwEPyKtVWVVopU0qCqQWkuaQ85t1IvXCBeE6fGRtg0EMTfa2OIEtQ5oPXM4t0ZaGGvKEIEa8p_Y0mINo3At7Z1NSEH5NnBRGS2CIL72dyTJ07NYcJRrguRNJZlAuuRdfU7L3FvuJJW2ytR5XJUE8EzuTOYayehNFiO0rHShrNmqywp3fxbOU32P1mpKkm3SqjS6neMsctU-9YnP2NEls9X1Pfg5SUIBtY9uy6WG1uM_j1uU-hxVZJUlRTt2Bi0EpySZVGTu2ARLhgLwxiG6z0Kpbm3H0OS2v7K4KRlCDS8LOYxhj_l_3Ef9BgD8GBc2Mjc2FRU5cMqLOrHyeDzTlKsXcvK40Z30fhqs36y8biYbAxjDXNQhXOmIWqh9wDRq90V_OLDgWJaZRCxRGicA-bqyL-awv1y5tSf7D3u83zkKVKITFlh1_0B

Additional Context

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

[shuding]

I'm afraid that this needs to be fixed in Safari not in this lib (unless we have a way to work around it).

[satoshiman]

Thank you for your information. I used <feGaussianBlur> to avoid filter:"blur()", but it seems that render results on Chrome and Safari are different

I'm afraid that this needs to be fixed in Safari not in this lib (unless we have a way to work around it).