在iOS Safari上实现css-侧导航-下拉-错误链接

我有一个带有侧导航的物化css web应用程序。 在侧导航中，有两个“子菜单”作为下拉内容。 它在除Safari/iOS之外的所有浏览器上都能正常工作，在Safari/iOS中，单击子菜单将打开另一个链接，而不是单击的链接。看起来有点随机，但可能它选择了sidenav菜单中下面的链接

真正奇怪的是，它可以在iPhone5上运行。 它也适用于iPhone7，但奇怪的是：只有在菜单项上长时间单击（点击并按住）后，它才会显示链接预览，您可以选择“打开”。在这种情况下，显示的是下拉内容中的正确菜单项

我很困惑，很兴奋能看到是否有人能看穿这一切

除了标准的物化css之外，我尝试了一些不同的css选项，它们包含在代码中。 （materialize的1.0.0版）

我添加了硬化、延长持续时间和关闭单击选项来解决此问题。下面是我针对这个特定示例的所有选项

 var dropdownOptionsMobile = {
    coverTrigger: false,
    inDuration: 0,  
    outDuration: 0,
    hover: false,
    closeOnClick: false
  }

  var elems = document.querySelectorAll('.dropdown-trigger-mobile');
  var instances = M.Dropdown.init(elems, dropdownOptionsMobile);

---

我也有同样的问题，我发现这是一个bug。他们已经修复了，但没有发布：(

---

看，这里有一些提示，比如将closeOnClick设置为false，只是为了澄清，问题是选择了错误的项目吗？@Sean是的。这是一个浏览器错误，我认为，一个潜在的解决方案是从下拉列表中删除动画。我会尝试为您找出它。

 var dropdownOptionsMobile = {
    coverTrigger: false,
    inDuration: 0,  
    outDuration: 0,
    hover: false,
    closeOnClick: false
  }

  var elems = document.querySelectorAll('.dropdown-trigger-mobile');
  var instances = M.Dropdown.init(elems, dropdownOptionsMobile);