manual open/close?

[svelte-plugins]

manual open/close?

[dysfunc]

I had that thought initially. I could combine all of them so everything is out there. You can be explicit with events or control behavior via callbacks

[ogrotten]

One of the things I dislike about github is that notifications are very out of the way. I'm always missing stuff.

This looks fabulous thanks for your work!

[dysfunc]

I'll add this feature request to the next release.

Feature Description
Expose two new interface properties that define the showAction and hideAction of a tooltip. These properties will accept one of the following DOM event assignments:

• showAction: click, mousedown, mouseenter.
• hideAction: click, mouseout, mouseleave.

[ogrotten]

That's pretty cool and useful.

Might it be simpler to make methods that you could call using svelte/html events? That way it can be dealt with directly.

like for example

<div on:mouseleave|stopPropagation={() => tooltip.close()} />

open/close methods could then be used in non-tooltip situations... like for example a ux/ui tutorial, where they'd be fired on elements in a certain order, but only because $: if (tutorialStep === 3)

[ogrotten]

That sounds great. Thanks and well done.

[dysfunc]

After thinking about it, I'm just going to make the show prop bindable and you can control the initial or close behavior by just setting that to true or false

[dysfunc]

you'll have something like this now

<script>
  import { Tooltip } from '@svelte-plugins/tooltips';
  
  let isVisible = false;
  
  const hideOnClick = () => (isVisible = false);
</script>

<p>
 This tooltip should appear to the
  <Tooltip
    bind:show={isVisible}
    action="click"
    align="center"      
    content="I should appear to the right."
    position="right">
    <b>right</b>
  </Tooltip>
  when clicked.
</p>

<button on:click={hideOnClick}>Close the tooltip</button>