Re-Added autofocus support for dialogs

diff --git a/com.woltlab.wcf/templates/pageHeaderUser.tpl b/com.woltlab.wcf/templates/pageHeaderUser.tpl
index 4ed650ff1b76d0129a31b68e14f1b9fc10c1f7ff..612a6900a219aff07f85a572cc1e3d119d2385f9 100644 (file)
--- a/com.woltlab.wcf/templates/pageHeaderUser.tpl
+++ b/com.woltlab.wcf/templates/pageHeaderUser.tpl
@@ -140,7 +140,7 @@
                                                                <dl>
                                                                        <dt><label for="username">{lang}wcf.user.usernameOrEmail{/lang}</label></dt>
                                                                        <dd>
-                                                                               <input type="text" id="username" name="username" value="" required="required" class="long">
+                                                                               <input type="text" id="username" name="username" value="" required="required" class="long jsDialogAutoFocus">
                                                                        </dd>
                                                                </dl>
                                                                

diff --git a/wcfsetup/install/files/js/WoltLab/WCF/Ui/Dialog.js b/wcfsetup/install/files/js/WoltLab/WCF/Ui/Dialog.js
index 4ae4a9e6d3a77dea5b722eca0743a4c10a82a7c2..00adba27969e958bf934a51eaaf088a5e04b1dc3 100644 (file)
--- a/wcfsetup/install/files/js/WoltLab/WCF/Ui/Dialog.js
+++ b/wcfsetup/install/files/js/WoltLab/WCF/Ui/Dialog.js
@@ -389,6 +389,12 @@ define(
                                
                                this.rebuild(id);
                                
+                               // set focus on first applicable element
+                               var focusElement = elBySel('.jsDialogAutoFocus', data.dialog);
+                               if (focusElement !== null && focusElement.offsetParent !== null) {
+                                       focusElement.focus();
+                               }
+                               
                                if (typeof data.onShow === 'function') {
                                        data.onShow(id);
                                }