Regression for blur effect in Firefox

[eeshaan]

next-image-export-optimizer/src/ExportedImage.tsx

Line 132 in 78435e7

filter: "url(#sharpBlur)",

The above line results in the blur effect not applying because the URL #sharpBlur is not found.

[Niels-IO]

Hi @eeshaan,

Thanks for submitting. The bug is harder to fix than expected. I found out that Firefox will not apply the blur filter as it has display:none applied.
Changing to position: "absolute",height: 0 works instead.

Somehow the blurred placeholder image will not show up completely, only the section of the image that is loaded already:

I tried to search for it and haven't found a viable solution. Interestingly, if you stop all network requests at that point in the screenshot above and change a property of the img element, the blurred placeholder shows at its full height.

Bug.mov

[Niels-IO]

Removed SVG filter in v1.10.0