Tooltip: fix custom tabindex not work (ElemeFE#15619)

lzq4047 · May 22, 2020 · 1a29dab · 1a29dab
1 parent 25e81c2
commit 1a29dab
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/tooltip/src/main.js b/packages/tooltip/src/main.js
@@ -110,7 +110,7 @@ export default {
     this.referenceElm = this.$el;
     if (this.$el.nodeType === 1) {
       this.$el.setAttribute('aria-describedby', this.tooltipId);
-      this.$el.setAttribute('tabindex', 0);
+      this.$el.setAttribute('tabindex', this.tabindex);
       on(this.referenceElm, 'mouseenter', this.show);
       on(this.referenceElm, 'mouseleave', this.hide);
       on(this.referenceElm, 'focus', () => {

diff --git a/test/unit/specs/tooltip.spec.js b/test/unit/specs/tooltip.spec.js
@@ -153,4 +153,12 @@ describe('Tooltip', () => {
       }, 100);
     });
   });
+  it('custom tabindex', () => {
+    vm = createVue(`
+      <el-tooltip ref="tooltip" content="提示文字" :tabindex="-1">
+        <button>click</button>
+      </el-tooltip>
+    `, true);
+    expect(vm.$el.getAttribute('tabindex')).to.be.equal('-1');
+  });
 });