I have a two column layout with left section taking 80% and right section taking 20%
In the right section I have a list of items to be displayed with the texts that can be bigger than the right section width.
In my case, my parent div under which the text needs to be shown an ellipsis is a tooltip (Demonstrated via bootstrap based tooltip) but while tooltip is shown the text is not shown with a ellipsis.
Please refer this fiddle to understand my issue.
The other four list items are shown with an ellipsis as they are styled correctly under list-item class.
I have referred this answer as it is almost similar to my issue but the solution does not work for me.
Can someone let me know what am I missing in my use case?