navigator.clipboard.readText() no funciona en Firefox

Tengo este código para pegar:

navigator.clipboard.readText().then(
  clipText => document.querySelector("#Note").innerText += clipText);

Pero tiene este error:

TypeError no detectado: navigator.clipboard.readText no es una función

ayúdame a resolver este error

Supongo que lo estás probando en Firefox, en ese caso:

Firefox solo admite la lectura del portapapeles en las extensiones del navegador, utilizando el permiso de extensión “clipboardRead”.

https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/readText#browser_compatibility

La lectura del portapapeles en Firefox (versión 94, noviembre de 2021) no parece funcionar y arroja un error:

var promise = navigator.clipboard.readText();

// Uncaught TypeError: navigator.clipboard.readText is not a function

La documentación en MDN Web Docs sugiere otorgar permisos a través de la API de permisos:

Se debe otorgar el permiso de “lectura del portapapeles” de la API de permisos antes de poder leer datos del portapapeles.

Pero clipboard-read no parece ser compatible:

navigator.permissions.query({ name: "clipboard-read" });

// Uncaught TypeError: 'clipboard-read' is not a valid value for enumeration PermissionName.

La única forma de habilitar la lectura (y escritura) del portapapeles es habilitar dom.events.testing.asyncClipboard en el cliente de Firefox:

1. Ingresar about:config en la barra de navegación
2. Haga clic en “Aceptar el riesgo y continuar”
3. Buscar dom.events.testing.asyncClipboard y establecer true

A pesar de navigator.clipboard.readText() no es compatible con Firefox, me siento obligado a señalar que PUEDE copiar algo en el portapapeles con Firefox utilizando un enfoque diferente que no requiere que esté habilitado expresamente:

const copy = document.getElementById('copy');
const copy2 = document.getElementById('copy2');
const copyIt = document.getElementById('copyIt');

const copyToClipboard = (str) => {
  if (navigator 
      && navigator.clipboard 
      && navigator.clipboard.writeText)
    return navigator.clipboard.writeText(str);
    return Promise.reject("The Clipboard API is not available.");
};

copyIt.addEventListener('click', function() {
  copyToClipboard(copy.value);
  copy2.focus();
  copyIt.innerText = "Now right-click & paste into textarea above.";
});

  <textarea name="copy" id="copy" cols="30" rows="10" style="width:90vw;height:25px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad quos, quae a dicta. Quibusdam autem debitis beatae laboriosam nemo illo aliquid. Itaque, doloremque, dicta. Culpa officiis illo cum quisquam rem.</textarea>
<textarea name="copy2" id="copy2" cols="30" rows="10" style="width:90vw;height:25px;"></textarea>
<br><button id="copyIt">Copy It</button>

Solo quería que cualquiera que tuviera los mismos problemas con Firefox que el OP supiera que era posible hacer…