Shopware 6的过滤器侧边栏中停止propapation不允许嵌套折叠

Question

Shopware 6侧栏具有用于过滤器的bootstrap可折叠物品。由于我们为一个属性提供了很多过滤选项，因此我们将其放置在属性 /子特质结构中，并希望折叠子项目。

因此，我们添加

<span class="collapsed" aria-expanded="false" data-toggle="collapse" data-target="#element-2647292d65d44853b2b3faaaf5a9572e">
    <span class="icon icon-arrow-medium-down icon-xs">
                    <svg> [ chevron icon ] </svg>
    </span>
</span>

并将subitems放置在DIV中：

<div class="subelement-group collapse" id="element-2647292d65d44853b2b3faaaf5a9572e">

它不起作用，在调试我们发现跨度附带的其他事件侦听器之后，应该扩展subitems div。

随附的事件

dropdownMenu.addEventListener('click', (event) => {
   event.stopPropagation();
});

​ 现在，我们想知道我们是否只是向删除此行的Shopware Core提出拉动请求，或者是添加它的原因。

我们还认为，没有其他方法可以消除停止繁殖吗？

edit

我们意识到我们不能仅删除停止范围。如果过滤器是页面顶部的下拉菜单，则需要。 我们还尝试将＆lt; span＆gt;转换为＆lt; button＆gt;，但似乎仍然没有接收单击事件。

Edit2：类似的东西适合侧边栏： （将跨度更改为按钮后）

dropdownMenu.addEventListener('click', (event) => {
    if (event.target.tagName === 'BUTTON' || event.target.closest('button') != null) {
        return;
    }
    event.stopPropagation();
});

对于顶杆，它确实可以很好地工作：扩展时下拉次数仍关闭。

Answer 1

我想最简单的解决方案是禁用filterbaseplugin._preventdropdownclose通过我们主题中的JavaScript覆盖，因为我们不使用顶级键。

更通用的人会很好，所以我开放以寻求其他答案。