Search the Community
Showing results for tags 'hyphenated'.
Hello, I'm encountering what I believe is a very similar issue to this thread, but I can't seem to get the applicable part of the solution to work in my context. I have some large hero copy in a narrow container with a hyphenated word that SplitText is unable to break apart. From what I'm reading in the linked thread, this is happening because the one "word" cannot be split into multiple divs, so I need to swap in a non-breaking dash character in for the regular one, but I'm not having luck pulling that part out into my demo. Attached a couple of screenshots in case the hyphenated word is not rendering at the same spot on your end in the Codepen example.
I've run across an issue where I am pulling a chunk of text from a database and some of the words are hyphenated. When I try to use SplitText to animate the text block and then revert it once it's complete ( so the paragraph flows properly on resize ) there is a jump between the split text render of the text and the reverted state. The jumps occur when hyphenated words are close to the end of a line causing a line-break mid-hyphen. ( See Pen ) Is there a good way around this without having to adjust the text coming in? Thanks.