Show truncated text normally but show the whole text in a toast when hover

Question

Having this code snippet, what it does is that it shows a part of the text normally and shows the whole text on hover.

The problem is that it is not shown as I want.