react-truncate

react-truncate copied to clipboard

requestAnimationFrame being called in an infinite loop when truncate elements not visible on the page

4

We have a scenario where the Truncate component will potentially not be visible, and this is leading to `requestAnimationFrame` being called continuously. In https://github.com/One-com/react-truncate/blob/master/src/Truncate.js#L133 on line 133 and following, it...

jordie23

Support for text without spaces

3

This should enable multiline truncating of non-typical text that does not contain spaces (eg URLs) and hopefully also resolve #82. New property `breakAll` added (default: `false`). When set to `true`,...

mirovelk

Have you considered a fixed pixel height cutoff/fadeout for this? I'm asking because the resize/sizing detection seems broken for me (it inserts newlines based on where it thinks there is...

mikelambert

Add a changelog

2

See http://keepachangelog.com/en/0.3.0/ - I can help with a PR unless the author has a strong opinion about this.

theodorton

Allow the ellipsis to be places in other locations than the end of the line

2

For example, if I put ellipsis={...}, the text will be truncated like this:  But, it would be nice if functionality is added to enable something like this: 

KhaledSakr

There is a bug in the width calculation logic that does not take `text-transform` CSS property into account. I have transformed my text to uppercase using this property, and the...

lilles88

Does not collapse on initial page load even though expanded is set to false

1

**UPDATE** I realized its the same issue as mentioned here https://github.com/One-com/react-show-more/issues/10 Even if I dont integrate with the `react-show-more` the element starts off fully rendered, then reduces its height to...

nupurkapoor

Position: fixed on ellipsis style is breaking my drag and drop

2

I want to know if is possible to remove the position: fixed on ellipsis span so Chrome can render my preview on drag 'n' drop correctly, it works great on...

alexandresebrao

failed when the sentence dose not contain spaces

1

It can be a option to choose space or letter when split the sentences, for some language, Chinese, for example, it failed because there have no space in it's sentences.

orlowang

Hello, i have this code for truncate ``` {children.split('\n').map((item, key) => {item}{childrenRows !== (key + 1) ? : '' })} {status === 'edited' ? ( {`${this.props.intl.formatMessage(messages.edited)}`} ) : null} ```...

panrahk