question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

how do you show the "Copied!" tooltip

See original GitHub issue

In the demos I see a “Copied!” tooltip flashing but no extra code that seems to do that. In my implementation at least I don’t get that tooltip. my code (ReactJS with browserify) looks something like this:

var Clipboard = require('clipboard');
var MyComponent = React.createClass({
...
componentDidMount() {
        this.userIdClipboard = new Clipboard('#userIdBox');
    }, 
render() {
   return( ....
        <div id="userIdBox" data-clipboard-text={vid.performerId} data-clipboard-action="copy" className="pull-right">[{vid.performerId}]</div>);
  }
}

What am I missing or is a bit of extra code needed?

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Reactions:1
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

23reactions
zenorochacommented, May 24, 2016
10reactions
vvocommented, Jan 24, 2017

Ultimately I would even just put this inside the library or provide an option to do so.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Copy to Clipboard tooltip text with Pure CSS - CodePen
Analyze HTML; Maximize HTML Editor; Minimize HTML Editor; Fold All; Unfold All. xxxxxxxxxx. 7. 1. <button class="integration-checklist__copy-button">.
Read more >
Tooltip display and copy - Laracasts
Hi Guys, In my project, I'm trying to display a tooltip on mouse hover and copy by on-click. below is code working for...
Read more >
windows - Is there a way that a tooltip message that appears ...
If you want easy solution: Move mouse pointer on the item you want to copy its tooltip to show tooltip, mark all contents...
Read more >
Tooltips + Highlight Animation With Clipboard.js Click
That means you can show a tooltip saying Copied! when success event is called and Press Ctrl+C to copy when error event is...
Read more >
Bootstrap 5 copy to clipboard items with tooltips Example
Bootstrap 5 copy to clipboard items with tooltips snippet for your project . this snippet is created using HTML, CSS, Bootstrap 5, Javascript....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found