Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
3.7.3
Windows 10, Chrome 68.0.3440.106, React 16.2 (Though not really environment version related)
https://codepen.io/barmargalit/pen/pZGMjO
Use tooltip and set title to a text longer than the set width of the tooltip.
Text in the title should wrap.
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!
The text was updated successfully, but these errors were encountered:
Thx for hint! @barmargalit
11d29fb
zombieJ
Successfully merging a pull request may close this issue.
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!
The text was updated successfully, but these errors were encountered: