Safari在悬停菜单元素上的奇怪行为

Question

我只面对Safari的一些问题，在常规菜单下拉列表中，鼠标离开面板后第二级下降不会消失。

菜单结构是标准的：

<ul>
   <li><a>Item</a></li>
   <li>
     <a>Item</a>
     <ul class="sub-menu">
         <li><a>Item</a></li>
         <li>
         <a>Item</a>
         <ul class="sub-menu">
             <li><a>Item</a></li>
         </ul>
         </li>
     </ul>
   </li>
</ul>

css： ul li：hover .sub-menu {display：block; }

当鼠标离开第二级时，Safari会继续显示它，当我检查时，它甚至不显示为元素。此外，只要我点击任何css属性，菜单就会消失。

我上传了一段视频，向您展示问题：

https://youtu.be/0vBIyEo09rM