[Updated] Tooltip activation toggle

[Evanion]

The tooltip should have an activation toggle to activate on hover or active, just like the pos property.

Take for instance forms, where you might want to add a tooltip to explain what the user should input. triggering the tooltip on ':active' would activate the tooltip for the correct field as the user tabs through the form, and it won't require the user to keep the mouse pointer over the field at all times.

Please see comment below

[Evanion]

Wow, that was quick.
Now is a good usability fix.

But if you accidently move your mouse over another element with a tooltip, it will still blur the tooltip on the active element. I thought of it like a attribute property like the position property:

data-uk-tooltip="{pos:'right'}"

could be:

data-uk-tooltip="{pos:'right', mode:'click'}"

That would replace the default behaviour of hover, and only activating the tooltip on click/tab, making it work more like the onClick event in the Dropdown component.
Though the dropdown component requires you to hit space to extend the dropdown when tabbed in, that won't really be good usability in the case of a tooltip since that would put a space in input elements like type="text".

In the absence of the "mode:'click'" it would behave as it does now.

[aheinze]

I think the actual implementation is the way a tooltip has to behave ... on click modes are something for popovers.

[Evanion]

your right of course ... well I gues I'll just have to wait for that part of the framework then ;)