mdTooltip - allow tooltip to be positioned top/bottom/left/right

[cmjacques]

I noticed that this functionality was considered in issue 354.

Looking at the spec it seems that tooltips are not limited to opening from top or bottom.

Being able to position tooltips left and right (as long as there is enough space) would come in very handy in my latest project.

Thanks and keep up the good work.

[mzbyszynski]

👍

One example of this are the fab buttons fixed to the lower right portion of the screen in Google Inbox. They each have tooltips that float to the left of each button.

[epelc]

+1 Would be nice to override the default behavior but can it still be smart and move itself if its near the edge of your screen.

[cmjacques]

I'm very new to git (and AngularJS), but I managed to fork the code and make the following changes -

• Tooltips can now be opened 'top', 'bottom', 'left' or 'right' by setting the md-direction attribute. The default direction is 'bottom'.
• If the requested direction would cause the tooltip to open outside the viewport (or too close to the edge) then it will open in the opposite direction.

I'm not quite game to create a pull request (just yet), but you can check out my changes here.

[ejbaker]

Would it be possible to do md-direction "top right", "top center", "top left"...? The default of having it always be centered is really throwing off some lengthy objects I want to add a tooltip to.

[Splaktar]

@ejbaker that would be a good question for the ngMaterial forums, but not for a closed issue. You could link this issue to your forum post though. A CodePen demo would also be helpful.