stephenscaff / react-marquee-text Goto Github PK

Hello, I have been trying to integrate this into a project and have found that when just using plain text it is fine, but the second I add any html elements, or have multiple items within , it starts with just a few instances of the text and then scrolls off with no more being added.

Here it is working with only plain text:

<MarqueeText direction='right' duration={35} textSpacing='64px'>
      Test
</MarqueeText>

and here are examples that will cause the issue:

<MarqueeText direction='right' duration={35} textSpacing='64px'>
    Test <u>Test2</u>
</MarqueeText>

<MarqueeText direction='right' duration={35} textSpacing='64px'>
     <div>
        Test    
     </div>
</MarqueeText>

Putting within a div or involving any html seems to completely break the looping.

The files array in the package.json is missing the dist/styles.css file, so the marquee animation is unavailable to consumers of the react-marquee-text package.