mirrors/element
1
0
Fork 0
mirror of https://github.com/ElemeFE/element.git synced 2025-12-16 11:44:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

Popover & Tooltip: focus reference element on tab if it's focusable (#9990)

Browse Source
This commit is contained in:
杨奕
2018-03-04 11:16:06 +08:00
committed by GitHub
parent 4867f59d6f
commit 657f9b9c3a
2 changed files with 19 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/popover/src/main.vue
View File

@@ -84,7 +84,13 @@ export default {
popper.setAttribute('tabindex', 0);
if (this.trigger !== 'click') {
on(reference, 'focusin', this.handleFocus);
on(reference, 'focusin', () => {
this.handleFocus();
const instance = reference.__vue__;
if (instance && instance.focus) {
instance.focus();
}
});
on(popper, 'focusin', this.handleFocus);
on(reference, 'focusout', this.handleBlur);
on(popper, 'focusout', this.handleBlur);

13
packages/tooltip/src/main.js
View File

@@ -117,7 +117,18 @@ export default {
this.$el.setAttribute('tabindex', 0);
on(this.referenceElm, 'mouseenter', this.show);
on(this.referenceElm, 'mouseleave', this.hide);
on(this.referenceElm, 'focus', this.handleFocus);
on(this.referenceElm, 'focus', () => {
if (!this.$slots.default || !this.$slots.default.length) {
this.handleFocus();
return;
}
const instance = this.$slots.default[0].componentInstance;
if (instance && instance.focus) {
instance.focus();
} else {
this.handleFocus();
}
});
on(this.referenceElm, 'blur', this.handleBlur);
on(this.referenceElm, 'click', this.removeFocusing);
}