Tooltip Title overflow breaks instead of wraps

[barmargalit]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.7.3

Environment

Windows 10, Chrome 68.0.3440.106, React 16.2 (Though not really environment version related)

Reproduction link

https://codepen.io/barmargalit/pen/pZGMjO

Steps to reproduce

Use tooltip and set title to a text longer than the set width of the tooltip.

What is expected?

Text in the title should wrap.

What is actually happening?

Text in the title simply breaks and cuts words in the middle.

---

Used Tooltip for the first time with a long title (instructions for input), and noticed the text breaking.
Possible solution:
I saw in your change log than for version 3.7.2, tooltip overflow was fixed with: word-break: break-all; (as seen in issue #11402).
Consider using: word-wrap: break-word; instead.
more examples and info:
https://www.w3schools.com/cssref/css3_pr_word-break.asp
https://www.w3schools.com/cssref/css3_pr_word-wrap.asp
Thanks!

[afc163]

Thx for hint! @barmargalit