Setting a delay on sl-tooltip

[andregoldstein]

Hi there, is there an easy way to set a longer delay on some tooltips?

I see there is a --show-delay variable set on ::host but am having a hard time overriding it.

Thanks!

[andregoldstein]

For now I have worked around it by handling the delay logic myself and using the trigger="manual" option

EDIT: Actually when hovering on and off of them it's leaving "trailing" tooltips so am sure there is a better solution?

[claviska]

CSS custom properties in a component's docs need to be scoped to the element:

sl-tooltip {
  --show-delay: 2s; 
}

Note that the :host selector is only useful inside a shadow root. You won't be able to use it in your own styles.

Here's a working example: https://codepen.io/claviska/pen/NWvYqbx?editors=1100

[andregoldstein]

Brilliant, thank you

…

-- André Goldstein Director, Milktop http://www.milktop.co.uk @MilktopDesign

On 5 Nov 2021 at 21:53 +0100, Cory LaViska ***@***.***>, wrote: CSS custom properties in a component's docs need to be scoped to the element: sl-tooltip { --show-delay: 2s; } Note that the :host selector is only useful inside a shadow root. You won't be able to use it in your own styles. Here's a working example: https://codepen.io/claviska/pen/NWvYqbx?editors=1100 — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or unsubscribe. Triage notifications on the go with GitHub Mobile for iOS or Android.