浏览代码

Focus inputs inside modals

JC Brand 7 年之前
父节点
当前提交
61b32fd786
共有 2 个文件被更改,包括 18 次插入0 次删除
  1. 12 0
      src/converse-muc-views.js
  2. 6 0
      src/converse-profile.js

+ 12 - 0
src/converse-muc-views.js

@@ -239,6 +239,12 @@
                     }));
                 },
 
+                afterRender () {
+                    this.el.addEventListener('shown.bs.modal', () => {
+                        this.el.querySelector('input[name="server"]').focus();
+                    }, false);
+                },
+
                 openRoom (ev) {
                     ev.preventDefault();
                     const jid = ev.target.getAttribute('data-room-jid');
@@ -360,6 +366,12 @@
                     }));
                 },
 
+                afterRender () {
+                    this.el.addEventListener('shown.bs.modal', () => {
+                        this.el.querySelector('input[name="chatroom"]').focus();
+                    }, false);
+                },
+
                 parseRoomDataFromEvent (form) {
                     const data = new FormData(form);
                     const jid = data.get('chatroom');

+ 6 - 0
src/converse-profile.js

@@ -75,6 +75,12 @@
                     }));
                 },
 
+                afterRender () {
+                    this.el.addEventListener('shown.bs.modal', () => {
+                        this.el.querySelector('input[name="status_message"]').focus();
+                    }, false);
+                },
+
                 clearStatusMessage (ev) {
                     if (ev && ev.preventDefault) {
                         ev.preventDefault();