Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
tool tip not support on multiline
See original GitHub issueBug, feature request, or proposal:
tool tip is not support on regular multiline
What is the expected behavior?
if we use the \n or the es6 string template literal(backtick ``), the break line will work
What is the current behavior?
tool tip string is not break line
What are the steps to reproduce?
put long string with /n or with back tick and see the tooltip that the words dont break lines
What is the use-case or motivation for changing an existing behavior?
Supporting multi line is very common and important
Which versions of Angular, Material, OS, browsers are affected?
2.0.0-beta.2, Latest Chrome, Windows 10
Is there anything else we should know?
One Solution for that is refactor the .mat-tooltip class, and add one more property: .mat-tooltip { white-space: pre-line; }
Issue Analytics
- State:
- Created 7 years ago
- Reactions:13
- Comments:13 (1 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
It’s possible to use following style definition to take all ‘\n’ into account:
mat-tooltip-component > .mat-tooltip { white-space: pre; }
Still it would be nice to have HTML makup inside tooltip.
@shedar, I went ahead and fixed this and it’s merged into angular:master now.
I don’t know much about their release timings so you probably still have a bit of a wait ahead of you until this fix lands for you to use.