Changeset 59187

Timestamp:

10/07/2024 02:47:18 AM (2 months 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.