Show and Hide Overflow Text with CSS Ellipsis

I am trying to create a list of items, each on their own line. For items that run longer than a single line, I would like to have them create an ellipsis. I then attempted to create an interaction in the “Description” section that will show and hide the overflow text. Thus far, I was able to show and hide the overflow text but for some reason when the div is closing it looks like it is closing from way below it should. Generally speaking it seems like I am close to being able to do what I desired, but I’m sure it is very clunky and not the correct way.

As for trying to create the ellipsis text, I tried to do this using ‘Custom Properties’ text-overflow: ellipsis, but this does not seem to work.

Any help or suggestions would be greatly appreciated.


Here is my public share link: [LINK](Webflow - IDLE I:S:M)
(how to access public share link)

Hello, have you found a solution to this yet? I am also struggling with the text-overflow: ellipsis; :sweat_smile: