iOS中的下拉菜单消失了吗？

Question

以下gif演示了我的问题：

您打开下拉菜单，尝试滚动，下拉菜单消失（不关闭，而...消失）。如果您稍等片刻，它就会恢复正常运行。

我只能在iOS设备上看到此问题。 gif录制是在iOS 12的野生动物园中的iPhone XS模拟器上进行的。

有人遇到过这样的问题并且可能知道解决方法吗？我尝试增加z-index，尝试添加展示为in this article的-webkit-transform: translate3d(0, 0, 0);骇客，但都没有带来任何运气。

我想知道是否有人会比我更了解这里发生了什么以及如何解决。真正的问题是，这似乎只发生在iOS设备上的Salesforce 1应用程序上，因此不确定在一般情况下重现此操作有多么容易...但是希望有人提出防止它执行此操作的想法。 / p>

常规浏览器和Android似乎还不错，这只是iOS附带的。

当检查下拉列表消失时，我也没有注意到CSS中发生了什么奇怪的事情，然后，如果我在开发工具中的CSS中进行了修改，所有这些突然呈现并可以正常工作。这开始看起来像是一些iOS渲染问题，似乎无法控制，因为我无法找到阻止此问题的CSS ...

Answer 1

我终于找到了解决这类问题的方法。

在我的多重选择和下拉kendo小部件的每个“打开”事件中，我将一个“滚动”事件附加到了下拉/多重选择的k-list-scroller元素上。然后，滚动事件将在滚动的每个触发器上增加z索引。这迫使下拉元素重新呈现，并且不再消失。

由于z索引的变化，它很快消失并重新出现，因此下拉时会有轻微的瞬间抽搐。

一些奇怪的注释： *我无法增加z-index，然后将其返回到原始z-index。由于某种原因，这并没有导致重新渲染...我只需要不断增加z-index。

*我无法应用滚动事件，然后删除其中任何一个。我最初想在打开时应用滚动事件，首先滚动要重新渲染z-index的东西，然后删除滚动事件。如果下拉列表再次打开，则重新应用滚动事件。这导致它仅在第一次运行，即使每次打开下拉菜单都应应用滚动事件时也是如此。我只需要应用scroll事件并将其保留（这是在弹出式编辑器中的，所以无论如何以后元素都会被销毁）。