Firefox - Dynamic content jQuery Dialog - the text is not copied to clipboard

[loter]

Hi,

I have it in jquery dialog - when I press copy, the console displays
Action: copy
Text: "MyText"
Trigger:

but the result ("MyText") doesn't go to clipboard for some reason. Any hints?

[loter]

Sorry, tried to replicate on jsFiddle, looks like something is interfering, so not a clipboard.js issue.
https://jsfiddle.net/0rab1zxL/12/

[zenorocha]

Cool, thanks for coming back and letting me know ;)

[kafeltz]

@loter I see something strange in fiddler example, with textarea (or any input) you get the value by method $().val() and not by $().text(). The latter is used with dom elements like a, b, i, span, p but not inputs.

[loter]

Did some more investigation since we are using this library (thank you, we like it!), but this is some kind of bug, maybe you can figure out and fix it, the test cases are:

1. On firefox browser only, using JQuery 1.9 and Jquery UI - COPY WORKS
   https://jsfiddle.net/0rab1zxL/31/
2. Same code, On firefox browser only, using JQuery 2.1 and Jquery UI - COPY DOESN'T WORK
   https://jsfiddle.net/0rab1zxL/32/

kafeltz, you're right, but it doesn't fix the issue and still works in the same way.

[kafeltz]

Indeed in firefox has a problem with jQuery 2.1.x
It seems to be related to jQuery UI with some preventDefault somewhere.

[zenorocha]

Still no idea why this is happening. If you find a solution, feel free to send a PR.

Added to Known Limitations wiki page

[ghost]

@zenorocha Is there any reason why you removed the notice on the "Known Limitations" wiki page? I have the same issue with newest version of jquery, jquery ui and clipboard.js, so I'm really curious if there is a fix, or at least a workaround, for it.

https://github.com/zenorocha/clipboard.js/wiki/Known-Limitations/_compare/e388b93b954b4db12e527477e2e8276e4c39a4b2...4cdc6501dfc6d746b5ee5d8fef48bc4ca819a4f0

[zenorocha]

Hey @CharlotteDunois, we found the solution for Bootstrap's Modal so I moved that part to "Known Issues".

For jQueryUI's Dialog, I found a very similar solution. Try adding this line to your code:

$.ui.dialog.prototype._focusTabbable = $.noop;

More info at: https://github.com/zenorocha/clipboard.js/wiki/Known-Issues

[zenorocha]

Check the new container option introduced by #368 on v1.7.0