Focus issues on IE

[manuelcabral]

Showing the tooltip on focus is causing problems in IE since, after clicking an element (such as a div), it seems to retain focus until one clicks elsewhere and therefore the tooltip does not disappear until that is done.

I'm thinking about what is the best way to solve this. Is the tooltip only being shown on focus because of input fields? If so, perhaps the best would be to add the :focus selector only to those fields. If this seems good, I can make a pull request.

[Kushagra Gour]

Specific IE version?

It was not only for input fields though.

[manuelcabral]

It happens on IE8-10. Didn't test on previous versions or on IE11.

[Gavin]

I am also experiencing this issue (in IE9). I am not really using hints on inputs and found that removing the :focus selectors fixed the issue for me. I added them back in specifically for input types below.

.hint:hover:before, .hint:hover:after, [data-hint]:hover:before, [data-hint]:hover:after{
    visibility: visible;
    opacity: 1;
}

input.hint:focus:before, input.hint:focus:after, input[data-hint]:focus:before, input[data-hint]:focus:after {
    visibility: visible;
    opacity: 1;
}

[kapil-zepo]

This ain't working with element too. Can any one help please ?

[Joshua McLauchlan]

I have had so many problems with IE, generally I end up just wrapping the content in an anchor tag, and giving the anchor tag the hint.css classes. That seems to work for me.