Multi-line text ellipsis


#1

Hi,

Is Ionic planning to integrate an out-of-the-box solution (UI component or CSS) for multi-line text ellipsis, a.k.a. line-clamping?.

For example, the following article contains several options to achieve it.

Thanks in advance.
Regards,
Rafa.


Multi-line in ion-item
#2

You can open a issue for this, but it’s not really a concern of ours. This is the kind of customization that the developer should consider.

But you can do it with our components.


#3

I haven’t used it myself, but in looking for an angular way of adding line clamping I found the following plugin: https://github.com/dockawash/angular-clamp


#4

webkit-box-orient: vertical is not applied.i seee this when i observe at google dev . Do you have any clue why this happens ?

this is my code

p {
    display: -webkit-box !important;
  -webkit-line-clamp: 3   !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

this is what i see at chorme dev

Thank you