Mi enfoque de copiar al portapapeles funciona bien en la PC pero no ha funcionado en Android. Probé Chrome (última versión) en mi Samsung galaxy s20fe Android versión 12
<button onClick={() => handleCopy()}>Copy</button> const clipboardData = `Name: ${modalData.name} Department: ${modalData.department} Batch: ${modalData.batch} BG: ${modalData.bg} Phone: ${modalData.phone}`; const handleCopy = () => { navigator.clipboard .writeText(clipboardData) .then(() => { alert('successfully copied'); }) .catch(() => { alert('something went wrong'); }); alert('📋 Coppied to clipboard!'); };De acuerdo con la documentación mdn
La API del portapapeles asíncrono es una adición relativamente reciente y el proceso de implementación en los navegadores aún no está completo. Debido tanto a posibles problemas de seguridad como a complejidades técnicas, el proceso de integración de esta API se está realizando gradualmente en la mayoría de los navegadores.
Así que puedes probar esto:
const handleCopy= () => { const element = document.createElement("textarea"); element.value = clipboardData; document.body.appendChild(element) element.select(); document.execCommand("copy"); document.body.removeChild(element); alert('📋 Coppied to clipboard!'); }