Focus flickity on mount about react-flickity-component HOT 8 CLOSED

@nullhook strange one - I had already removed static but it made no difference, but now I've added in a setTimeout it works: hacky but I can't get it to work any other way. Thanks for the suggestion.

from react-flickity-component.

Are you using NextJS?

from react-flickity-component.

@nullhook yes... what do you reckon is up? SSR issue?

from react-flickity-component.

It should work if you remove the static prop from the Flickty component.

When you add static prop, it renders the children inside Portal.

P.S - If you want to keep the static prop, delay the focus, it should work. However, I feel adding a setTimeout feels hacky.

from react-flickity-component.

Do you have reloadOnUpdate prop as true?

from react-flickity-component.

No, these are my props:

<Flickity
            className="EntryHeroSlideshow__cells"
            options={flickityOptions}
            disableImagesLoaded
            flickityRef={c => (flickity.current = c)}
          >

and flickityOptions:

 const flickityOptions = {
    setGallerySize: false,
    prevNextButtons: false,
    lazyLoad: 2,
    pageDots: false,
    autoPlay: duration,
    wrapAround: true,
    pauseAutoPlayOnHover: false,
  };

from react-flickity-component.

Try removing the disableImagesLoaded prop and see if it works.

Are you using that prop for something?

from react-flickity-component.

Nvm, removing static prop raises other issues such as routing to dynamic pages in NextJS.

from react-flickity-component.