Changeset 12386

Timestamp:

02/03/2023 07:46:05 AM (21 months ago)

Author:

coffee2code

Message:

Photo Directory: Fix Rich Text copy-to-clipboard.

See #6097.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-photos/js/attribution.js (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-photos/js/attribution.js

@@ -6 +6 @@
 
 function copyAttribution(event){
+    document.addEventListener('copy', copyAttributionListener);
+    document.execCommand('copy');
+    document.removeEventListener('copy', copyAttributionListener);
+}
+
+function copyAttributionListener(event) {
     event.preventDefault();
     const attribution = document.querySelector('.attribution-text .tab.active');
     const copyButton  = document.querySelector('.attribution-copy');
 
-    let txt = attribution.innerHTML;
+    let txt = attribution.innerHTML.trim();
 
     if ( attribution.classList.contains('tab-html') ) {
@@ -16 +22 @@
     }
     
-    navigator.clipboard.writeText(txt.trim()).then(res=>{
-        copyButton.textContent = PhotoDir.copied_text;
-        setTimeout(function() { restoreCopyButtonText(); }, 4000);
-          function restoreCopyButtonText(){ copyButton.textContent = PhotoDir.copy_to_clipboard_text; }
-    })
+    let html = attribution.classList.contains('tab-rich-text') ? txt : '';
+
+    event.clipboardData.setData('text/html', html);
+    event.clipboardData.setData('text/plain', txt);
+
+    copyButton.textContent = PhotoDir.copied_text;
+    setTimeout(function() { restoreCopyButtonText(); }, 4000);
+    function restoreCopyButtonText(){ copyButton.textContent = PhotoDir.copy_to_clipboard_text; }
 }