Chrome расширение - копировать данные из всплывающего окна. html

Question

У меня есть простое расширение Chrome, которое заполняет текстовое поле во всплывающем окне. html с некоторой информацией, полученной с веб-сайта.

Теперь я просто безуспешно пытаюсь скопировать информацию из этого текстового поля.

Я сделал этот код во всплывающем окне. js:

var copyEmailBtn = document.getElementById('copyButton');

copyEmailBtn.addEventListener('click', function(event) {
    alert(copyEmailBtn);
  var emailLink = document.getElementById('copyButton');
  var range = document.createRange();
  range.selectNode(emailLink);
  window.getSelection().addRange(range);

  try {
    var successful = document.execCommand('copy');
    var msg = successful ? 'successful' : 'unsuccessful';
    console.log('Copy email command was ' + msg);
  } catch(err) {
    console.log('Oops, unable to copy');
  }

  // Remove the selections - NOTE: Should use
  // removeRange(range) when it is supported
  window.getSelection().removeAllRanges();
});

Я добавил кнопку во всплывающем окне. html со следующей информацией:

<button id="copyButton">COPY</button>

В моем манифесте у меня есть следующие разрешения:

"permissions": ["tabs", "storage", "clipboardWrite", "clipboardRead", "<all_urls>"]

Кажется, мое событие щелчка не запускается. Любая помощь будет оценена. Спасибо.