Ticket #28577: 28577.6.patch

src/wp-admin/includes/upgrade.php

@@ -2193 +2193 @@
 }
 endif;
 
+/**
+ * Output the input fields for the language selection form on the installation screen.
+ *
+ * @since 4.0.0
+ *
+ * @see wp_get_available_translations_from_api()
+ * 
+ * @param array $languages Array of available languages (populated via the Translations API).
+ */
 function wp_install_language_form( $languages ) {
-        echo "<fieldset>\n";
-        echo "<legend class='screen-reader-text'>Select a default language</legend>\n";
-        echo '<input type="radio" checked="checked" class="screen-reader-input language-chooser-input" name="language" id="language_default" value="">';
-        echo '<label for="language_default" lang="en">English (United States)</label>';
+        echo "<label class='screen-reader-text' for='language'>Select a default language</label>\n";
+        echo "<select size='10' name='language' id='language'>\n";
+        echo '<option value="" lang="en" selected="selected">English (United States)</option>';
         echo "\n";
 
         if ( defined( 'WPLANG' ) && ( '' !== WPLANG ) && ( 'en_US' !== WPLANG ) ) {
                 if ( isset( $languages[ WPLANG ] ) ) {
                         $language = $languages[ WPLANG ];
-                        echo '<input type="radio" name="language" checked="checked" class="' . esc_attr( $language['language'] ) . ' screen-reader-input" id="language_wplang" value="' . esc_attr( $language['language'] ) . '">';
-                        echo '<label for="language_wplang" lang="' . esc_attr( $language['iso'][1] ) . '">' . esc_html( $language['native_name'] ) . "</label>\n";
+                        echo '<option value="' . esc_attr( $language['language'] ) . '" lang="' . esc_attr( $language['iso'][1] ) . '" class="language_' . esc_attr( $language['language'] ) . '" selected="selected">' . esc_html( $language['native_name'] ) . "</option>\n";
                 }
         }
 
         foreach ( $languages as $language ) {
-                echo '<input type="radio" name="language" class="' . esc_attr( $language['language'] ) . ' screen-reader-input language-chooser-input" id="language_'. esc_attr( $language['language'] ) .'" value="' . esc_attr( $language['language'] ) . '">';
-                echo '<label for="language_' . esc_attr( $language['language'] ) . '" lang="' . esc_attr( $language['iso'][1] ) . '">' . esc_html( $language['native_name'] ) . "</label>\n";
+                echo '<option value="' . esc_attr( $language['language'] ) . '" lang="' . esc_attr( $language['iso'][1] ) . '" class="language_' . esc_attr( $language['language'] ) . '">' . esc_html( $language['native_name'] ) . "</option>\n";
         }
-        echo "</fieldset>\n";
+        echo "</select>\n";
         echo '<p class="step"><span class="spinner"></span><input type="submit" class="button button-primary button-hero" value="&raquo;" /></p>';
 }
 

src/wp-admin/js/language-chooser.js

@@ -1 @@
-(function($){
-        if ( $('body').hasClass('language-chooser') === false ) {
-                return;
-        }
 
-        var mouseDown = 0,
-                $fieldset = $('fieldset');
-
-        // simple way to check if mousebutton is depressed while accounting for multiple mouse buttons being used independently
-        document.body.onmousedown = function() {
-                ++mouseDown;
-        };
-        document.body.onmouseup = function() {
-                --mouseDown;
-        };
-
-        /*
-                we can't rely upon the focusout event
-                since clicking on a label triggers it
-        */
-        function maybeRemoveFieldsetFocus(){
-                if (mouseDown) {
-                        setTimeout( maybeRemoveFieldsetFocus, 50);
-                        return;
-                }
-                if ( $(':focus').hasClass('language-chooser-input') !== true ) {
-                        $fieldset.removeClass('focus');
-                }
-        }
-
-        $fieldset.focusin( function() {
-                $(this).addClass('focus');
-        });
-
-        $fieldset.focusout( function() {
-                setTimeout( maybeRemoveFieldsetFocus, 50);
-        });
-
-        $('form').submit(function(){
-                $(this).find('.step .spinner').css('visibility','visible');
-        });
-
-})(jQuery);
+/* nothing here currently */

src/wp-admin/css/install.css

@@ -320 +320 @@
         max-width: 300px;
 }
 
-.language-chooser fieldset {
-        margin: 1px;
+.language-chooser select {
         padding: 8px;
+        width: 100%;
         display: block;
         border: 1px solid #ddd;
-        -webkit-border-radius: 0;
-        border-radius: 0; /* Reset mobile webkit's default element styling */
-        -webkit-transition: .05s border-color ease-in-out;
-        transition: .05s border-color ease-in-out;
-        outline: 0;
-        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
-        box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
         background-color: #fff;
         color: #333;
         font-size: 16px;
-        font-family: inherit;
-        font-weight: inherit;
-        overflow-y: scroll;
-        height: 250px;
-}
-
-.language-chooser fieldset.focus {
-        border-color: #5b9dd9;
-        -webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8);
-        box-shadow: 0 0 2px rgba(30,140,190,0.8);
+        font-family: Arial, sans-serif;
+        font-weight: normal;
 }
 
 .wp-core-ui.language-chooser .button.button-hero {
@@ -356 +341 @@
         text-align: right;
 }
 
-.language-chooser input:checked + label{
-          color:white;
-          background: #777;
-}
-
-.language-chooser .focus input:checked + label{
-          background: #0074A2;
-}
-
-.language-chooser label:hover {
-          background: #eee;
-}
-
-.language-chooser label{
-        display:block;
-}
-
 .screen-reader-input,
 .screen-reader-text {
         position: absolute;