clipboard.js (naturally) does not work with stopPropagation() on parents

[loilo]

So I tried to get to work clipboard.js with a button inside a modal.
Problem is, there's something like $( "body" ).one( function () { modal.close(); } );. Not exactly that code, but take it like that to keep this simple.
Of course the click event registered on the modal stops the event propagation to not get closed which means clipboard.js by design won't work inside that modal.

So my question: Is there a way around it?
Could there be a config option provided by the constructor which creates an additional "parent" for event delegation?
Sounds weird, I know, but that's the only kind-of-reasonable solution my mind came up with.

[zenorocha]

Hey @loilo, as soon as I merge #75 you might be able to fix that ;)

[loilo]

Yay :) Thanks!

[graphographer]

I'm having a similar problem wherein a Clipboard listener in a Bootstrap modal returns success, and shows the correct text and so on in the console (using your example code in the Readme)... but nothing is actually copied to the clipboard. I'm using v1.5.5 on Firefox with Bootstrap 3. It works as expected when the clicked element is not in a modal.

[kuba108]

Hey guys! Are you actually planning to fix this issue and when it'll be ready? I am kind of waiting for it. Thanks

[Sirence]

This issue is still present in the latest version, how can I fix this?

[zenorocha]

Have you guys tried passing a node or nodelist?

https://github.com/zenorocha/clipboard.js/blob/master/demo/constructor-node.html
https://github.com/zenorocha/clipboard.js/blob/master/demo/constructor-nodelist.html

[zenorocha]

@graphographer see #155