search

chinchang / hint.css

A CSS only tooltip library for your lovely websites.
https://kushagra.dev/lab/hint/
MIT License
8.42k stars 701 forks source link

Hints not shown on inputs and selects #49

Open ghost opened 11 years ago

ghost commented 11 years ago

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 commented 10 years ago

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