当元素重新添加时，Firefox Mozilla清除css：hover状态

Question

基本上，我在元素上具有“ mouseover”事件，该回调将把元素重新添加到其父元素（在我的画布充满重叠元素的情况下，我使用此事件将元素置于最前面）。

当您将鼠标悬停在Mozilla中时，它会在重新添加元素后松开css：hover状态（即使位置是绝对的，并且始终相同）。

document.addEventListener("mouseover", (ev) => {

    if (ev.target.classList.contains("item")) {
       ev.target.parentElement.appendChild(ev.target);
    }
});

https://jsfiddle.net/fwhs7bzo/3/

只能在Chrome，Safari上使用，而不能在Mozilla中使用。

期望保留css：hover状态吗？