Add a default tooltip hover delay if no delay is specified
We use tooltips a lot at GitLab. By default, if a developer adds a tooltip using the minimal configuration:
<button v-gl-tooltip :title="__('This is a tooltip')">Click me</button>
...the tooltip is shown with no hover delay (the tooltip appears immediately when the user hovers over the element).
This results in a bit of a spastic experience when moving the cursor around the screen:
We calm this down by updating the v-gl-tooltip
directive to default to a small hover delay (maybe 250ms
or 500ms
) if no hover delay is explicitly specified by the developer.
For the sake of context, a developer can currently specify a tooltip delay by attaching .dXXX
to the directive, i.e.:
<button v-gl-tooltip.d350 :title="__('This is a tooltip')">Click me</button>
Edited by Nathan Friend