cdtinney / react-double-marquee Goto Github PK

I'm on the latest version, using Next.js. When navigating out of the page where this component is mounted, this error is thrown. Also when refreshing/hot-reloading it also throws the same error.

Hi, thanks for this package. I'm using it, but at NPM docs, there's nothing about setting the movement. Is that possible?

Have this on a couple of websites using Gatsby. And if you resize the browser or change page, I get multiple console errors saying;

1. Cannot read property 'clientWidth' of null
2. Cannot read property 'style' of null

Any ideas on how to resolve?

same as title, component doesnt mount on page change

I've written an external declaration for this module, maybe you want to include it in the package:

interface MarqueeProps {
    speed?: number;
    delay?: number;
    direction?: 'right' | 'left';
    childMargin?: number;
    children?: React.ReactNode | React.ReactNode[];
}

declare module 'react-double-marquee' {
    export default class Marquee extends React.PureComponent<MarqueeProps, any> {}
}

it works well in long text, but it shows child text twice for direction as left with short text

is there any solution?

I added 'onMouseEnter' to set speed to 0.03 and onMouseLeave to set speed to 0 (There was already a hover request before me).
I would have loved it if we had a prop to decided how many loops would it does after on mouse leave. At the moment I'm just setting a setInterval function, which causes the end of the loop to jump.

I was trying to create a marquee that spanned the full page width and displayed announcements, but whenever the text got too short (i.e. too few characters). The marquee would stop scrolling.

To recreate, place the following in a div that spans the whole screen.

<div>
    <Marquee>Hello World</Marquee>
</div>

Any way to pause the scroll on hover?