Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Interactive Tooltip with delay 0 not working #818

Open
pacocom opened this issue Aug 11, 2021 · 2 comments
Open

Interactive Tooltip with delay 0 not working #818

pacocom opened this issue Aug 11, 2021 · 2 comments

Comments

@pacocom
Copy link

pacocom commented Aug 11, 2021

I can work with interactive with delay (leave delay) equal 0.

Please visit the tooltip competitor https://codesandbox.io/s/material-demo-forked-smssv?file=/demo.js
For me is mandatory to use tooltipster

I don't want this behaviour either, please show next image:
image

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Tooltipster interactive not working with delay 0</title>

    <link
      rel="stylesheet"
      type="text/css"
      href="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/4.0.3/css/tooltipster.bundle.css"
    />
    <script
      type="text/javascript"
      src="https://code.jquery.com/jquery-1.12.4.min.js"
    ></script>
    <script
      type="text/javascript"
      src="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/4.0.3/js/tooltipster.bundle.min.js"
    ></script>
  </head>
  <body>
    <span
      class="demo-interact"
      title="Try clicking &lt;a href='http://google.com/' target='_blank'&gt;this link&lt;/a&gt;"
    >
      Hover
    </span>

    <span
      class="demo-interact"
      title="Try clicking &lt;a href='http://google.com/' target='_blank'&gt;this link&lt;/a&gt;"
    >
      Hover
    </span>

    <span
      class="demo-interact"
      title="Try clicking &lt;a href='http://google.com/' target='_blank'&gt;this link&lt;/a&gt;"
    >
      Hover
    </span>

    <span
      class="demo-interact"
      title="Try clicking &lt;a href='http://google.com/' target='_blank'&gt;this link&lt;/a&gt;"
    >
      Hover
    </span>

    <span
      class="demo-interact-50"
      title="Try clicking &lt;a href='http://google.com/' target='_blank'&gt;this link&lt;/a&gt;"
    >
      Hover
    </span>
  </body>
  <script>
    // Interactive not working

    $(".demo-interact").tooltipster({
      contentAsHTML: true,
      interactive: true,
      delay: [0, 0],
    });

    // Interactive working but I don't want overlay behaviour
    $(".demo-interact-50").tooltipster({
      contentAsHTML: true,
      interactive: true,
      delay: [0, 50],
    });
  </script>
</html>
@karima-hussein
Copy link

hi @pacocom , I have the exact same issue, the tooltip isn't reactive when delay is 0
Did you manage to solve it ?

@pacocom
Copy link
Author

pacocom commented Oct 25, 2021

My solution was increase delay to 50 but with overlay behaviour.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@pacocom @karima-hussein