当存在多个堆叠上下文时,交互作用无法正常工作。
作者: KevinMoran99创建于 2021年4月6日更新于 2026年9月9日
标签bug
□ 说明 我在研究一个项目,我试图执行Introjs,但我注意到,当强调一个属于不同堆栈上下文的元素(即与z-index:1000模式内的输入)时,该元素确实得到正确的高读,但元素中的交互是不可能的,即使被禁用Interaction:在选项的配置中明确设定了虚假.
□ 预期行为 在另一个堆叠上下文中,应允许高升元素的相互作用。
□ 实际行为 在此情况下, 交互不起作用 , 点击高升元件没有作用 。
□ 错误和屏幕截图
当右键点击 - > 检查高字箱时, Dev 工具会带我到 div 的 “ introjs- helperLayer” 类, 与正常行为有关, 检查盒子会带我到实际元素 。 就我所见,这之所以发生,是因为,即使元素获得了"显示元素"类,赋予它巨大的z-index,它仍然处于模式的堆放上下文中,所以它不能被放在根堆放上下文中存在的助手Layer上. 我读过这些文件,看看这个问题是否有现成的解决办法,但是我还没有找到任何东西(不知道我是否真的忽略了一个共同的解决办法).
![image] (https://user-images.githubusercontent.com/35577671/113769617-6bc65c00-96de-11eb-949e-e8dc1ee68c6.png) (中文(简体) ).
.
□ 环境( 可选) 尝试在Chrome和Firefox上,Introjs版本是3.4.0,我们正在开发一个使用PrimeNG的Angular应用程序.
内容来源: usablica/intro.js