lazysizes icon indicating copy to clipboard operation
lazysizes copied to clipboard

Published 20 hours ago • verified publisher icon aFarkas

LQIP fade in not working with Imgix React component

Open michaelmarconi opened this issue 3 years ago • 1 comments

Hi, I'm trying to get a nice fade in effect using the blur-up plugin (https://github.com/aFarkas/lazysizes/tree/master/plugins/blur-up) after an LQIP image has loaded. I'm using the Imgix React component to do the loading and attaching the data-lowsrc attribute seems to have no effect at all.

Please see https://github.com/imgix/react-imgix/issues/739 for more context.

Has anyone managed to get this working?

michaelmarconi avatar Dec 18 '20 15:12 michaelmarconi

Thanks for the bug report. Could you make a https://codesandbox.io/ example demonstrating your issue?

Currently I can not tell, but the plugin it self adds some additional markup during the effect which might be a bad thing for react. Such kinds of issues can't be really fixed without using shadow dom which use is outside of this library.

aFarkas avatar Dec 29 '20 10:12 aFarkas