Tooltip delay (or compatibility with tailwind delay-)

[cvburgess]

Many apps only show a tooltip after hovering over something for a second or so.

Supporting a tooltip-delay-<number>ms or supporting tailwinds delay-<number>ms would be really nice!

[delta6626]

Are there any updates on this?

[saadeghi]

Solution 1:

class="tooltip hover:before:delay-500! hover:after:delay-500!"

https://play.tailwindcss.com/UxwYopXmK4

Solution 2:

.tooltip:hover {
  &:before, &:after {
    @apply delay-500;
  }
}

https://play.tailwindcss.com/CYTDls3hGp?file=css

[delta6626]

Thank you so much!