search

Swizec / react-lazyload-fadein

React component to lazyload children with a nice fadein effect.
https://react-lazyload-fadein.now.sh/
MIT License
314 stars 16 forks source link

Can't override inline-block positioning in FadeIn component div #5

Open Nedelstein opened 4 years ago

Nedelstein commented 4 years ago

I have a grid of images and I would like to have them fade in using react-lazyload-fadein but I can't change the preset Div from inline-block to the needed inline. Below does not work:

` <FadeIn height={100} style={{ display: "inline !important" }}> {(onload) => (

nope { setTitle(projectTitle[index]); setSkills(projectSkills[index]); document.getElementById(projects[index]).style.opacity = "1"; }} onMouseLeave={() => { setTitle(null); setSkills(null); document.getElementById(projects[index]).style.opacity = "0"; }} >
{title}
{skills} 
          )}
        </FadeIn>`
arsamshokrian commented 4 years ago

Any solution found? I'm facing the same issue and while I found a solution for LazyLoad, I couldn't apply the same solution to FadeIn.

Nedelstein commented 4 years ago

unfortunately no. i ended up scrapping react-lazyload-fadein and going in a different direction.