clamping doesnt respect newlines

[doug31415]

STR:

• Add text with newlines, eg:

const text = '1\n 1\n  1\n  1\n  1\n  1\n  1\n  1\n  1\n  1\n  1\n  1\n  1\n  1\n  1\n  1\n '
<ClampLines
          className={this.state.cssClasses}
          text={this.text}
        />

• Note that all the lines are collapsed into one line
• Then add a CSS of white-space: pre-wrap
• Note that newlines are preserved but no truncation occurs

[JavierPDev]

To add some more detail to this, it seems to work properly for me on the initial mount, but when the text prop changes, it doesn't. I was lucky in circumstances that allowed me to realize that tidbit, I hope it helps. Might be something with componentDidUpdate vs. componentDidMount.

For now I'm getting around this issue by passing a new key prop (eg. key={Date.now()} on each render of the parent component (since a key prop change forces remount instead of just a normal update on all react components).