Ticket #15631: 15631-datalist.diff

src/wp-admin/includes/template.php

@@ -712 +712 @@
 
         if ( $keys ) {
                 natcasesort( $keys );
-                $meta_key_input_id = 'metakeyselect';
-        } else {
-                $meta_key_input_id = 'metakeyinput';
         }
         ?>
 <p><strong><?php _e( 'Add New Custom Field:' ); ?></strong></p>
@@ -721 +718 @@
 <table id="newmeta">
 <thead>
 <tr>
-<th class="left"><label for="<?php echo $meta_key_input_id; ?>"><?php _ex( 'Name', 'meta name' ); ?></label></th>
+<th class="left"><label for="metakeyinput"><?php _ex( 'Name', 'meta name' ); ?></label></th>
 <th><label for="metavalue"><?php _e( 'Value' ); ?></label></th>
 </tr>
 </thead>
@@ -730 +727 @@
 <tr>
 <td id="newmetaleft" class="left">
         <?php if ( $keys ) { ?>
-<select id="metakeyselect" name="metakeyselect">
-<option value="#NONE#"><?php _e( '&mdash; Select &mdash;' ); ?></option>
+<input type="text" id="metakeyinput" name="metakeyinput" value="" list="metakeydatalist" />
+<datalist id="metakeydatalist">
                 <?php
                 foreach ( $keys as $key ) {
                         if ( is_protected_meta( $key, 'post' ) || ! current_user_can( 'add_post_meta', $post->ID, $key ) ) {
@@ -740 +737 @@
                         echo "\n<option value='" . esc_attr( $key ) . "'>" . esc_html( $key ) . '</option>';
                 }
                 ?>
-</select>
-<input class="hide-if-js" type="text" id="metakeyinput" name="metakeyinput" value="" />
-<a href="#postcustomstuff" class="hide-if-no-js" onclick="jQuery('#metakeyinput, #metakeyselect, #enternew, #cancelnew').toggle();return false;">
-<span id="enternew"><?php _e( 'Enter new' ); ?></span>
-<span id="cancelnew" class="hidden"><?php _e( 'Cancel' ); ?></span></a>
+</datalist>
 <?php } else { ?>
 <input type="text" id="metakeyinput" name="metakeyinput" value="" />
 <?php } ?>