Ticket #34323: 34323.diff

src/wp-admin/css/customize-controls.css

@@ -807 +807 @@
         width: 100%;
         position: relative;
         text-align: center;
-        cursor: default;
+        cursor: pointer;
         border: 1px dashed #b4b9be;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;

src/wp-admin/js/customize-controls.js

@@ -1777 +1777 @@
                         // Bind events, with delegation to facilitate re-rendering.
                         control.container.on( 'click keydown', '.upload-button', control.openFrame );
                         control.container.on( 'click keydown', '.upload-button', control.pausePlayer );
+                        control.container.on( 'click', '.placeholder', control.openFrame );
                         control.container.on( 'click keydown', '.thumbnail-image img', control.openFrame );
                         control.container.on( 'click keydown', '.default-button', control.restoreDefault );
                         control.container.on( 'click keydown', '.remove-button', control.pausePlayer );

src/wp-includes/customize/class-wp-customize-media-control.php

@@ -203 +203 @@
                 <# } else { #>
                         <div class="current">
                                 <div class="container">
-                                        <div class="placeholder">
-                                                <div class="inner">
-                                                        <span>
-                                                                {{ data.button_labels.placeholder }}
-                                                        </span>
-                                                </div>
-                                        </div>
+                                        <button class="placeholder" type="button">
+                                                {{ data.button_labels.placeholder }}
+                                        </button>
                                 </div>
                         </div>
                         <div class="actions">

src/wp-includes/customize/class-wp-customize-site-icon-control.php

@@ -85 +85 @@
                 <# } else { #>
                 <div class="current">
                         <div class="container">
-                                <div class="placeholder">
-                                        <div class="inner">
-                                                <span><?php echo $this->button_labels['placeholder']; ?></span>
-                                        </div>
-                                </div>
+                                <button class="placeholder" type="button">
+                                        <?php echo $this->button_labels['placeholder']; ?>
+                                </button>
                         </div>
                 </div>
                 <div class="actions">