MD Toolip Safari - first hover - flies in from top left hand corner

[simonmorley]

The tooltip appears to fly-in from the top LHS on first hover. Thereafter, it appears in the correct position - i.e. at the bottom.

Only happens in Safari on OSX. Chrome and FF are OK.

<span>
  Clock strikes upon the hour
  <md-tooltip>
    The sun begins to fade
  </md-tooltip>
</span>

Tested on Version 9.1 (11601.5.17.1) using Angular Material 1.1.0-rc.5 & rc4, 1.0.9.

[lolptdr]

As a temporary fix, try changing the element's scss to "position:fixed". I've encountered this issue on Chrome 51 since I was using a unique wrapping of other element tags that probably overrode the positioning. You can use a vendor prefix to target safari also.

[codeandqa]

I am still seeing this issue in IE and firefox.

[Splaktar]

@codeandqa what version of AngularJS Material are you seeing this with? It should have been fixed in 1.1.0. Please open a new issue with a CodePen demo if you can reproduce it with AngularJS Material 1.1.7.