atomiks / tippyjs

Tooltip, popover, dropdown, and menu library
https://atomiks.github.io/tippyjs/
MIT License
11.78k stars 517 forks source link

Selection border on tippy enabled svg when clicked #1111

Open donaldmac opened 1 year ago

donaldmac commented 1 year ago

When I add a tooltip to an svg then I get a selection border on the image when it is clicked

image

Any way to stop this ?

Script is:

      <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" 
   id="i" ><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>

  <script>
    theTippy = tippy('#i', {
                content: "A tooltip"
            });
  </script>
mkpaz commented 1 year ago

Same here. Any workarounds?

EDIT: Looks like this project is basically abandoned. Then it's better to use something else instead.