spectre icon indicating copy to clipboard operation
spectre copied to clipboard

Tooltip on button won't close after clicking (tested in v 0.5.9)

Open Lysander opened this issue 4 years ago • 0 comments

Hi!

in version v0.5.9 seems to be a mistake if applying a tooltip to a button. The tooltip won't go away automatically after clicking the button. In my understanding this behaviour is false. (The documentation also never mentions something special about his behaviour)

You could easily check this with this simple HTML setup:

<html>

<head>
    <link rel="stylesheet" href="spectre.css">
    <link rel="stylesheet" href="spectre-icons.css">
</head>

<body>
    <h1>Example with Icon</h1>
    <span>some distance from the left side...</span>
    <button class="btn tooltip" data-tooltip="I will stay after you have clicked the button!">
        <i class="icon icon-plus"></i>
    </button>

    <h1>Example with Text only</h1>
    <span>some distance from the left side...</span>
    <button class="btn tooltip" data-tooltip="I will stay after you have clicked the button!">
        Click me!
    </button>

</body>

</html>

spectre-tooltip-error

I have tested this with

  • Edge Version 85.0.564.44
  • Firefox Version 80.0.1
  • Chrome Version 85.0.4183.83

Lysander avatar Sep 04 '20 14:09 Lysander