Hints not shown on inputs and selects

[ghost]

I would like to display hint messages on invalid form fields, especially on inputs. However, hovering over a form element doesn't show the hint tooltip. This behaviour is cross-browser (IE10, Chrome 29, FF 24).

Wrapping an input in another element and adding data-hint attribute on the parent works for Chrome & FF, causes trouble in IE10 (sometimes it is shown, sometimes it isn't).

JsFiddle:
http://jsfiddle.net/maros_urbanec/8v4y7/

[mrzmyr]

Got the same issue, like marosurbanec described.
Its because input elements are replaced elements. On this elements you can't use :after or :before elements, which are used in hint.scss.

Stackoverflow Source