Fails with new browsers (firefox/chrome)

[JohnBergman]

Minimal example

In a javascript

  //-- Is the clipboard supported?
  if(Clipboard.isSupported()) {
    $(".__ClipboardCopy").show();
  }
  else {
    $(".__ClipboardCopy").hide();
  }

  //-- Connect to any copy buttons...
  this.theClipboard = new Clipboard('.__ClipboardCopy');

In the html:

Expected behaviour

Clicking on the resulting link does not copy the text into the clipboard.

When I connect toe success event, I see the values all present correctly. regardless of the browser

Actual behaviour

It fails silently (meaning everything appears to work, however the text being copied never shows up in the clipboard.

Browsers affected

Doesnt work in Firefox 58.0.1 64 bit.
Doesnt work in Chrome Version 63.0.3239.132 (Official Build) (64-bit)

Works with Edge and IE.

[frodopwns]

This fails for me in Chrome Version 63.0.3239.132 (Official Build) (64-bit) but works in Safari Version 11.0.3 (12604.5.6.1.1).

[zenorocha]

Hey @JohnBergman @frodopwns @josephfusco, @jlahijani, @hannesb, @philcook, @carlosgomez2, @brucek @christianseel, I need your help to understand the real problem here.

I opened clipboardjs.com on the following browsers and ran Clipboard.isSupported() on the console, here's the result:

Do you get something different than this?

Chrome 64

Chrome Canary 66

Firefox 58

Safari 11.0

Safari Technology Preview 11.2

[hannesb]

Might be related to this problem: If you use jQuery dialogs, you have to set the container property in the Clipboard constructor to an element of the dialog. If you stay with the default behavior (container set to document.body), execCommand('copy') will not work with some browsers.

That's what I found out when trying to use clipboard.js with Serenity (great platform btw.)

[frodopwns]

Problem turned out to be model window specific for me. Solved here: #368.

[zenorocha]

Got it. In that case, I'm going to close this issue. Thanks guys!