github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Message: restore focus only when target in viewport

pull/7859/merge
Leopoldthecoder 2017-11-01 17:33:51 +08:00 committed by 杨奕
parent aa09c460ff
commit 194874b3b2
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/message/src/main.vue
View File

@ -87,7 +87,18 @@
if (typeof this.onClose === 'function') { if (typeof this.onClose === 'function') {
this.onClose(this); this.onClose(this);
} }
this.originFocus && this.originFocus.focus(); // 键盘焦点回归 if (!this.originFocus || !this.originFocus.getBoundingClientRect) return;
// restore keyboard focus
const { top, left, bottom, right } = this.originFocus.getBoundingClientRect();
const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
const viewportWidth = window.innerWidth || document.documentElement.clientWidth;
if (top >= 0 &&
left >= 0 &&
bottom <= viewportHeight &&
right <= viewportWidth) {
this.originFocus.focus();
}
}, },
clearTimer() { clearTimer() {