[Popup] Fix a white space property in tooltip

[kikunantoka]

Closed Issues

#4187

Description

I found tooltip is not fully visible when tooltip has many contents. This is caused by selecting "nowrap" property as white-space in tooltip after element. So, I changed white-space property into "normal" from "nowrap".

Testcase

Before

https://jsfiddle.net/ca0rovs3/271/

After

https://jsfiddle.net/ca0rovs3/272/

[y0hami]

Some people might want tooltips to be on a single line. I think maybe there should be an option to keep this behaviour like data-single-line

[kikunantoka]

I agree your opinion. I think your idea is really good. Should I include a data-single-line option in this PR?

[y0hami]

Yes, go for it!

Also if you create a PR to add it to the docs that would be a massive help!

[kikunantoka]

Ok. I try to add a data-single-line option later.

I'll send another PR for documentation if I try to add it to the doc.

[kikunantoka]

I added a data-single-line option.

[jlukic]

This might be more complicated than it seems. nowrap solves inadvertent text wrapping caused by certain css conditions for the activating element.

[kikunantoka]

Thanks for your comment. I understand that.
If my commits might cause inconvenience, please close this PR.

[jlukic]

I think we can just add a wrapping variation, and leave default behavior

[allenwu1973]

Not sure is really related to this, but I find setting white-space: pre and using line breaks is quite helpful for long tooltips.