Skip to content

Commit

Permalink
[BUGFIX] Add focus to user confirmation password field
Browse files Browse the repository at this point in the history
Since #92836 backend users have to confirm their
password on accessing the install tool in the backend.

The corresponding password field now properly gets
the focus assigned. This improves the accessibility,
especially for keyboard users who otherwise had to
tab through the whole module menu first.

Resolves: #92895
Releases: master, 10.4, 9.5
Change-Id: I001f851b3730a864923c73a766026ed18d9c5466
Reviewed-on: https://review.typo3.org/c/Packages/TYPO3.CMS/+/66833
Tested-by: TYPO3com <noreply@typo3.com>
Tested-by: Andreas Fernandez <a.fernandez@scripting-base.de>
Reviewed-by: Andreas Fernandez <a.fernandez@scripting-base.de>
  • Loading branch information
o-ba authored and andreaskienast committed Jan 16, 2021
1 parent bb67fbf commit aa948d6
Show file tree
Hide file tree
Showing 2 changed files with 35 additions and 0 deletions.
Expand Up @@ -3,6 +3,8 @@
xmlns:be="http://typo3.org/ns/TYPO3/CMS/Backend/ViewHelpers"
data-namespace-typo3-fluid="true">

<f:be.pageRenderer includeRequireJsModules="{0: 'TYPO3/CMS/Install/BackendUserConfirmation'}" />

<be:moduleLayout>
<div class="modal-backdrop in"></div>
<div class="modal modal-severity-warning modal-size-small" tabindex="-1" role="dialog" style="display: block;">
Expand Down
@@ -0,0 +1,33 @@
/*
* This file is part of the TYPO3 CMS project.
*
* It is free software; you can redistribute it and/or modify it under
* the terms of the GNU General Public License, either version 2
* of the License, or any later version.
*
* For the full copyright and license information, please read the
* LICENSE.txt file that was distributed with this source code.
*
* The TYPO3 project - inspiring people to share!
*/

require([
'jquery',
], function($) {
'use strict';

$(function() {
BackendUserConfirmation.addFocusToFormInput();
});

var BackendUserConfirmation = {
confirmationPassword: '#confirmationPassword',

addFocusToFormInput: function () {
var $confirmationPassword = $(this.confirmationPassword);
if ($confirmationPassword.length) {
$confirmationPassword.focus();
}
}
};
});

0 comments on commit aa948d6

Please sign in to comment.