The tooltip does not show when subsequently hovering over an element containing the tooltip.
The issue presents itself on https://material.angularjs.org/latest/demo/tooltip
To reproduce:
I am using the tooltip in a select list when I get additional insight on the content of the list items. As I quickly move between the elements on the list by the nature of the select the issue becomes very quickly obvious.
Using Angular Material 1.1.6 with Angular 1.6.7. Issue verified to occur on IE 11.0.50 and Google Chrome 64.0 but expected to occur across various versions of both browsers
I can reproduce this on the given demo-page.
I am using FF 57 on Kubuntu. It seems like introduced in 1.1.2, since 1.1.1 it is still working.
But anyway, in my opinion it is a bug, but not an urgent one.
@IMM0rtalis how important it is will depend from project to project where this is getting used and also on the type of industry relying on it. You are correct that looking at the demo page it does not see very significant because it is only on a subsequent hover over that user will not see the tooltip.
However, in a scenario where tooltips are used as means of providing contextual information within a select list the likelihood of not seeing a tooltip for an item gets quite high as user moves quickly between elements supporting tooltips layed out next to each other.
I can reproduce this as well on macOS and Chrome. It's not clear where this would cause a significant problem. If you could provide a demo that makes the use case for this obvious, then I would be happy to increase the priority.
@Splaktar below is the codepen for this:
https://codepen.io/anon/pen/xYYrNp
The items in the select contain tooltips to display additional contextual information. In this case these are the drug adverse effects.
The issue becomes evident as user moves between the items on the list. I have also found it easy to replicate when using scrolling in conjunction.
@praetor-ss that is really helpful! Thank you. I will adjust the priority a bit.