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

Question

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

Lysander opened this issue 4 years ago · comments

Christian Hausknecht commented 4 years ago

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>

I have tested this with

Edge Version 85.0.564.44
Firefox Version 80.0.1
Chrome Version 85.0.4183.83