Copy text to clipboard

copyToClipboard.js

/**
 * Copy the specified string to the clipboard.
 * @param {string} text The text to copy.
 * @returns {boolean} `true` if the copy succeeded; `false` if an
 *  error occurred copying the text to the clipboard.
 */
export const copyToClipboard = (text) => {
  try {
    // NOTE: a field is required to execute the document's 'copy' command;
    //  make sure the first appears offscreen without affecting layout
    //  @see https://hackernoon.com/copying-text-to-clipboard-with-javascript-df4d4988697f
    const el = document.createElement('textarea');
    el.setAttribute('readonly', '');
    el.style.position = 'absolute';
    el.style.left = '-9999px';
    document.body.appendChild(el);

    el.value = text;

    el.select();
    document.execCommand('copy');

    document.body.removeChild(el);
  } catch (err) {
    return false;
  }

  return true;
};