When reload the page react-fast-marquee is accelarating about react-fast-marquee HOT 7 CLOSED

Same issue here.
Also using Suspense, and I noticed that the issues resolves itself if the viewport size is changed.

The speed is controlled by a css variable on .marquee called --duration. My temporary fix is to manually override that variable --duration: 60s !important

from react-fast-marquee.

I'll look into this.

from react-fast-marquee.

Fixed in 1.4.0

from react-fast-marquee.

Unfortunately, I'm unable to reproduce this issue. Do you have more details? It could be an issue with the marquee-style class, but I'm not sure.

from react-fast-marquee.

I have a similar situation. When the page loads, react-fast-marquee sets the fast scrolling speed. The set speed is restored only when switching to another page and then back to the main page. I have react-fast-marquee only showing on the main page. react-fast-marquee version 1.2.1

An example of my code

<Marquee style={{backgroundColor: "#343a40"}}
                 gradient={false}
                 speed={50}
                 pauseOnClick={true}
        >
            {winingList.map((item, index) => {
                return (
                    <React.Suspense key={index} fallback={<Placeholder/>}>
                        <LastWinsItem  {...item}/>
                    </React.Suspense>
                )
            })}
</Marquee>

but if I don't use React.lazy and React.Suspense then everything works as it should

from react-fast-marquee.

Any updates on this? Experiencing the same issue.

from react-fast-marquee.

Until this is fixed, the lib isn't worth using unfortunately.

from react-fast-marquee.