Skip to content
New issue

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

Tooltip Title overflow breaks instead of wraps #11722

Closed
barmargalit opened this issue Aug 12, 2018 · 1 comment
Closed

Tooltip Title overflow breaks instead of wraps #11722

barmargalit opened this issue Aug 12, 2018 · 1 comment
Assignees

Comments

@barmargalit
Copy link

@barmargalit barmargalit commented Aug 12, 2018

  • 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
Copy link
Member

@afc163 afc163 commented Aug 22, 2018

Thx for hint! @barmargalit

@afc163 afc163 closed this in 11d29fb Aug 22, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
3 participants