Tooltip expands outside of viewport

[david-kerwick]

Bug, feature request, or proposal:

Feature

What is the expected behavior?

Tooltip should wrap or move to another 'side'
Something like what bootstrap seems to do
https://codepen.io/anon/pen/MJjqaE

What is the current behavior?

What are the steps to reproduce?

https://plnkr.co/edit/YLGWc42i4AGQXh9o4USg?p=preview
Setting to right or left shows it more dramatically

What is the use-case or motivation for changing an existing behavior?

If the tooltip is on an item that's close to the edge of the viewport it's easy for the content to flow off screen

Is there anything else we should know?

I think it's been mentioned in a comment before but I couldn't find an issue on it
#1830 (review)

[david-kerwick]

Should I open an new issue about the tooltip going outside the viewport. I can't find another issue on it? The fix wraps the long lines now but it still goes off screen.

There's a screenshot here
#2678 (comment)

[kpaxton]

This still is an issue in the latest versions (6+). Maximum width does not resolve this issue. This should behave similar to the MatMenu where when close to an edge of the browser window will reposition itself to stay on screen.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}