Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Truncate long words #67

Open
AlessandroSantamaro opened this issue Aug 17, 2016 · 2 comments
Open

Truncate long words #67

AlessandroSantamaro opened this issue Aug 17, 2016 · 2 comments

Comments

@AlessandroSantamaro
Copy link

Hi, thanks for you work! I notice that there is an issue if a word is too long... the plugin doesn't truncate words, for example if my text is:

abcdefghijklmnopqrstuvwxyz123456789abcdefghijklmnopqrstuvwxyz123456789abcdefghijklmnopqrstuvwxyz123456789abcdefghijklmnopqrstuvwxyz123456789Four score

I can see only:

abcdefghijklmnopqrstuvwxyz123456789abcdefghijklmnopqrstuvwxyz123456789abcdefghijklmnopqrstuvwxyz123456789abcdefghijklmnopqrstuvw

There is an example with demo script:
ellipsis-long-word

Any ideas for a solution? Thanks again for the plugin!

Alessandro

@kagant15
Copy link

kagant15 commented Nov 9, 2016

I had this same issue. Here is my quick fix

<p data-ng-bind="paragraphText" data-ellipsis data-ellipsis-separator="" style="word-break: break-all;"></p>

Add data-ellipsis-separator="" and set the style of the element word-break: break-all

Note: This is not a perfect fix

@hspier
Copy link

hspier commented Feb 24, 2017

+1
Another alternative is to use:
word-wrap: break-word
but ellipsis will not occur and you will have to overflow: hidden. work-break does tend to be agressive in normal situations.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants