Introjs 没有突出显示 fuse-sidebar 元素

Question

我创建了一个 angular 项目，我正在使用 fuse-sidebar。我也在使用 introjs。这工作正常，但这并没有突出显示保险丝侧边栏内的元素。

这是它在 fuse-sidebar

中查找元素的方式

这就是 fuse-sidebar 之外的元素的方式

对于保险丝元件，有更高的亮度，但该元件没有像第二张照片那样显示在突出显示区域中，该照片是针对保险丝侧边栏外部的元件。

可能是什么问题？

html是这样的

<fuse-sidebar></fuse-sidebar>
<div>other elements</div>

对于 div，z-index 是 1001，所以我将其设置为 fuse-sidebar。但是不工作？

Answer 1

存在 CSS 冲突。 fuse-bar 本身正在设置

-webkit-transform: translateX(0) !important;
transform: translateX(0) !important;

所以我需要取消设置 transform 属性

fuse-sidebar.locked-open.introjs-fixParent {
    -webkit-transform: unset !important;
    transform: unset !important;
}

这解决了我的问题。

Introjs is not highlighting the fuse-sidebar elements