Tooltip content doesn't always wrap

Question

I have dynamically generated tooltip content that shows the name of the file on hover.

Occasionally the text will wrap:

and other times, it will not:

I have also noticed that this has nothing to do with the length of the name - sometimes shorter file names will refuse to wrap even though those with 10 extra characters have no problem.

Is anyone else having this issue? Thanks!

Answer 1

Try to use word-break: break-all; css.