ellipsis (three dots) expand and collapse the text

[chentao169]

I want to make the extra text three dots (...) ellipsis and when i click the dots the text should expand and contract. But with the code used the text is only contracted but not expanding on click of dots

[pdanpdan]

What code?

[chentao169]

I found CSS class ellipsis https://quasar.dev/style/visibility#introduction auto truncate text, but it doesn't expand text when clicking on it...

[pdanpdan]

You can remove the class on click if you want to expand.

[chentao169]

yep, but I don't know how to apply the click action on the ellipsis...

[suleimanas]

apply the click on the whole text and toggle the ellipsis class

[chentao169]

this is kinda suboptimal. what I want is to click the ellipsis, not the whole text.

[suleimanas]

You cannot attach events to pseudo-content and dots here are pseudo-content. so make your own or you could find some hacky css solution.
just to get the idea: https://stackoverflow.com/a/48854854

[chentao169]

thank you!