Changeset 59187

Timestamp:

10/07/2024 02:47:18 AM (2 years ago)

Author:

peterwilsoncc

Message:

Media: Hide "copied" tooltip once another URL is copied to the clipboard.

On the media grid view, hide the copied tooltip when a subsequent URL is copied to the clipboard. This prevents tooltips from remaining displayed if a user copies multiple URLs within a three second period.

Props antpb, debarghyabanerjee, jayadevankbh, sabernhardt.
Fixes #60082.

File:

• trunk/src/js/_enqueues/admin/media.js (modified) (3 diffs)

trunk/src/js/_enqueues/admin/media.js

@@ -145 +145 @@
                         $mediaGridWrap             = $( '#wp-media-grid' ),
                         copyAttachmentURLClipboard = new ClipboardJS( '.copy-attachment-url.media-library' ),
-                        copyAttachmentURLSuccessTimeout;
+                        copyAttachmentURLSuccessTimeout,
+                        previousSuccessElement = null;
 
                 // Opens a manage media frame into the grid.
@@ -225 +226 @@
                         event.clearSelection();
 
+                        // Checking if the previousSuccessElement is present, adding the hidden class to it.
+                        if ( previousSuccessElement ) {
+                                previousSuccessElement.addClass( 'hidden' );
+                        }
+
                         // Show success visual feedback.
                         clearTimeout( copyAttachmentURLSuccessTimeout );
@@ -232 +238 @@
                         copyAttachmentURLSuccessTimeout = setTimeout( function() {
                                 successElement.addClass( 'hidden' );
+                                // No need to store the previous success element further.
+                                previousSuccessElement = null;
                         }, 3000 );
+
+                        previousSuccessElement = successElement;
 
                         // Handle success audible feedback.