diff --git a/src/wp-admin/js/theme.js b/src/wp-admin/js/theme.js index 632c39986b..e797544f42 100644 --- a/src/wp-admin/js/theme.js +++ b/src/wp-admin/js/theme.js @@ -573,16 +573,26 @@ themes.view.Theme = wp.Backbone.View.extend({ // Handles .disabled classes for previous/next buttons in theme installer preview setNavButtonsState: function() { var $themeInstaller = $( '.theme-install-overlay' ), - current = _.isUndefined( this.current ) ? this.model : this.current; + current = _.isUndefined( this.current ) ? this.model : this.current, + previousThemeButton = $themeInstaller.find( '.previous-theme' ), + nextThemeButton = $themeInstaller.find( '.next-theme' ); // Disable previous at the zero position if ( 0 === this.model.collection.indexOf( current ) ) { - $themeInstaller.find( '.previous-theme' ).addClass( 'disabled' ); + previousThemeButton + .addClass( 'disabled' ) + .prop( 'disabled', true ); + + nextThemeButton.focus(); } // Disable next if the next model is undefined if ( _.isUndefined( this.model.collection.at( this.model.collection.indexOf( current ) + 1 ) ) ) { - $themeInstaller.find( '.next-theme' ).addClass( 'disabled' ); + nextThemeButton + .addClass( 'disabled' ) + .prop( 'disabled', true ); + + previousThemeButton.focus(); } }, diff --git a/src/wp-admin/theme-install.php b/src/wp-admin/theme-install.php index b4b18c92d5..1a250a8263 100644 --- a/src/wp-admin/theme-install.php +++ b/src/wp-admin/theme-install.php @@ -309,8 +309,8 @@ if ( $tab ) {