ExtJS 6.2.1：双层弹窗重复创建致隐藏/显示功能异常

测试环境 #

• Ext版本：6.2.1 rev 167
• 浏览器：Chrome 112.0.5615.165（Ubuntu 22.04.2 LTS）

问题现象 #

当页面存在两个带有动画效果的弹窗时，重复创建第二个弹窗会出现功能异常：

• 正常触发创建第二个弹窗时，「取消」按钮可正常关闭弹窗；
• 页面首次加载后，双击文本框快速创建第二个弹窗时，「取消」按钮完全失效，无法关闭弹窗。

复现步骤 #

1. 点击页面「设置」按钮，打开第一个弹窗；
2. 触发第二个弹窗的两种场景：
   • 场景1：聚焦弹窗内的文本框，打开第二个弹窗，点击「取消」可正常关闭；
   • 场景2：页面首次加载完成后，双击文本框创建第二个弹窗，此时「取消」按钮失效。

临时解决办法 #

• 移除两个弹窗中的任意一个；
• 移除弹窗的动画效果（效果表现因Ext版本不同可能存在差异）

内容的提问来源于stack exchange，提问作者Martin Sarvas