test/element
1
0
Fork 0
mirror of https://gitee.com/ElemeFE/element.git synced 2024-11-30 11:17:38 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Message: restore focus only when target in viewport

Browse Source
This commit is contained in:
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') {
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() {