Text not copied to clipboard in disabled textarea

I am using clipboard.js to copy text from a disabled textarea (the text is programmatically generated and I don’t want the user to edit it before copying):

<button class="copyBtn" data-clipboard-target="#myTextArea">Copy</button>
<textarea id="myTextArea" rows="10" disabled>My text here</textarea>

With the disabled property the text is not copied to the clipboard, despite the clipboard success event indicating that it is:

var clipboard = new Clipboard('.copyBtn');

        clipboard.on('success', function(e) {
            console.info('Action:', e.action);
            console.info('Text:', e.text);
            console.info('Trigger:', e.trigger);

            e.clearSelection();
        });

        clipboard.on('error', function(e) {
            console.error('Action:', e.action);
            console.error('Trigger:', e.trigger);
        });

Action: copy 
Text: My text here
Trigger: <button data-clipboard-target="#myTextArea" class="copyBtn">​

Removing the disabled property on the textarea, clipboard functions as expected and text is copied.

[zenorocha]

Have you tried readonly instead of disabled?

[Damini25]

solution- onCopy() { const copyText = (<HTMLInputElement>document.getElementById(‘1’)); copyText.disabled = false; copyText.select(); document.execCommand(‘Copy’); copyText.disabled = true; }