ibelick / motion-primitives

UI kit to make beautiful, animated interfaces, faster. Customizable. Open Source.

Home Page:https://motion-primitives.com

Repository from Github https://github.comibelick/motion-primitivesRepository from Github https://github.comibelick/motion-primitives

Text Effect (occasional indentation of some lines when text wraps)

jodybiddle opened this issue · comments

Occasionally when using Text Effect the text indents slightly when there is a line break.

I thinks it's to do with the "whitespace-pre" class in the span tag that wraps every character in the string being rendered by the component.

I've tried removing "whitespace-pre" (removes all the spaces in the string) and using some of the other "whitespace" classes in tailwind.

sample

Not sure if there is an easy fix but it's still an awesome component.

Thanks

I can’t replicate the issue. Please reopen it with a CodeSandbox so I can take a look, thank you!