ShinyChang/React-Text-Truncate

Truncated text gets cut off

lumio opened this issue · 1 comments

lumio commented

I'm currently facing the problem, that text is cut off when being truncated. As seen in the first screenshot:
Cut off text

As you can see here, the last word was Vivamus:
Full text

This is my test code below:

const longText = `
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis faucibus purus quis nisi blandit, ac semper est elementum. Aenean consequat sollicitudin rhoncus. Suspendisse congue varius augue ut lacinia. Mauris porta magna sem, elementum tempor massa dapibus a. Curabitur tempor dignissim erat feugiat gravida. Vivamus vestibulum luctus nunc, quis rutrum felis viverra et. Aliquam lacinia ipsum sem, eu vestibulum eros tincidunt nec. In et quam quis justo feugiat hendrerit. Nunc faucibus sit amet elit semper fringilla. Nunc placerat tempor metus in fringilla. Quisque tempor lectus elit, ac pharetra quam ultricies non. Aenean posuere malesuada ultrices.
        `.trim();

return (
        <TextTruncate
                line={ 3 }
                truncateText="…"
                text={ longText }
                onTruncated={ () => { /* some action is going on here */ }
        />
);

I'm using "react-text-truncate": "^0.11.2" and I tested this on Chrome 60.

ShinyChang commented

Fixed, please upgrade to 0.13.0

  • 👍1