Element: [bug report] El toolip: when the click event triggers confirm, there is a focus problem after confirm completes processing, and toolip will appear on its own.

Created on 29 Apr 2020 · 6Comments · Source: ElemeFE/element

Element UI version

2.13.1

OS/Browsers version

win10/chrome79.0.3945.79

Vue version

2.6.11

Reproduction Link

https://codepen.io/chenxch/pen/ExVvjob

Steps to reproduce

1、点击tooltip包裹的按钮
2、处理弹出框，取消或者确定
3、按钮的tooltip就自动出现了

What is Expected?

confirm处理后，tooltip不要自动focus当初提示

What is actually happening?

confirm处理后，tooltip自动focus了

Source

chenxch

👍1

Most helpful comment

Because the MessageBox returns focus to the last active element when closed, a workaround for me was to call document.activeElement.blur() before this.$confirm() to change focus from button to body.

migueling on 26 Jul 2020

👍2

All 6 comments

Translation of this issue:

Element UI version

2.13.1

OS/Browsers version

win10/chrome79.0.3945.79

Vue version

2.6.11

Reproduction Link

https://codepen.io/chenxch/pen/ExVvjob

Steps to reproduce

Click the button of tooltip package
Process pop-up, cancel or OK
The button's tooltip appears automatically

What is Expected?

After confirm processing, the tool IP does not automatically focus on the original prompt

What is actually happening?

After confirm processing, toolip automatically focuses

element-bot on 29 Apr 2020

👍1

Because the MessageBox returns focus to the last active element when closed, a workaround for me was to call document.activeElement.blur() before this.$confirm() to change focus from button to body.

migueling on 26 Jul 2020

👍2

@migueling thk.

chenxch on 26 Jul 2020

thanks for your answer, but i think this is a bug