Changeset 60785

Timestamp:

09/19/2025 07:55:26 PM (20 hours ago)

Author:

joedolson

Message:

Customizer: Handle keyboard focus after adding site icon or logo.

Fix focus loss after assigning a site icon or a site logo in the customizer. Sets focus to the 'Remove' button immediately following the setting control.

Props joedolson, rishabhwp, krupajnanda, pmbaldha.
Fixes #63832.

File:

• trunk/src/js/_enqueues/wp/customize/controls.js (modified) (3 diffs)

trunk/src/js/_enqueues/wp/customize/controls.js

@@ -4727 +4727 @@
          */
         setImageFromAttachment: function( attachment ) {
+            var control = this;
             this.params.attachment = attachment;
 
             // Set the Customizer setting; the callback takes care of rendering.
             this.setting( attachment.id );
+
+            // Set focus to the first relevant button after the icon.
+            _.defer( function() {
+                var firstButton = control.container.find( '.actions .button' ).first();
+                if ( firstButton.length ) {
+                    firstButton.focus();
+                }
+            } );
         }
     });
@@ -4813 +4822 @@
          */
         setImageFromAttachment: function( attachment ) {
-            var sizes = [ 'site_icon-32', 'thumbnail', 'full' ], link,
+            var control = this,
+                sizes = [ 'site_icon-32', 'thumbnail', 'full' ], link,
                 icon;
 
@@ -4834 +4844 @@
             link = $( 'link[rel="icon"][sizes="32x32"]' );
             link.attr( 'href', icon.url );
+
+            // Set focus to the first relevant button after the icon.
+            _.defer( function() {
+                var firstButton = control.container.find( '.actions .button' ).first();
+                if ( firstButton.length ) {
+                    firstButton.focus();
+                }
+            } );
         },