[Tooltip] Overlay gets cut off by left of screen

[rvoltolini]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

if(left < 0); left = 0;

What is the current behavior?

Start of tooltip is overflowing the window.

What are the steps to reproduce?

Use a tooltip in an icon on the left side of the page

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

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

"@angular/material": "^2.0.0-beta.10"

[julianobrasil]

A plunk to show it: https://plnkr.co/edit/y8ytd61JRRLJZd0GMznY?p=preview

[crisbeto]

Closing since this shouldn't be an issue anymore on master.

[benb7760]

@crisbeto Not sure if the same issue, but I am still able to reproduce this problem in 5.0.3

https://angular-material2-issue-cqddwx.stackblitz.io

[julianobrasil]

Yeap... it's still there: http://plnkr.co/edit/kw44zy?p=preview

[crisbeto]

That example doesn't work, because the trigger element is 100% wide, meaning that the tooltip can't fit on either side. The current positioning doesn't support pushing the element into the viewport if it doesn't fit, but once #9153 gets in, it'll be easy to do.

[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.}