When reload the page react-fast-marquee is accelarating

[efemevlut]

I am using png file and When reload the page react-fast-marquee is accelarating.
My code snippet
<Marquee speed={100}> <div className={"marquee-style"}> <img src="/example1.png" width="50%"/> </div> <div className={"marquee-style"}> <img src="/example2.png" width="50%"/> </div> <div className={"marquee-style"}> <img src="/example3.png" width="50%"/> </div> </Marquee>

[justin-chu]

I'll look into this.

[justin-chu]

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.

[kasyava]

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

[gustavoferrara]

Any updates on this? Experiencing the same issue.

[codyarose]

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

[kylewetton]

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

[justin-chu]

Fixed in 1.4.0