绝对定位元素不高于Safari iOS中的其他绝对定位元素

我发现了问题所在。这是因为复杂的布局和许多风格。

下拉框实际上已经呈现,但下拉框的一部分是不可见的(似乎被其他div块重叠),但用户仍然可以与该不可见部分交互。

问题是其中一个外部父div容器具有属性 -webkit溢出滚动:触摸; 因此,在Safari中渲染Webkit时,隐藏了部分下拉列表。所以我删除了这个属性,但留下了webkit转换:translate3d(0,0,0);下拉菜单,一切开始顺利!

我认为您正在使用z索引;在下拉列表中翻译3d。所以,当您使用translate3d时,就不能再考虑z索引了。

试试下面的,

.data-table-head {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex: 0 0 auto;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 12;
}  

 .custom-select-list {
        position: absolute;
        margin: 34px 0 0 0;
        min-width: 84px;
        font-weight: normal;
        right: 15px;
        z-index: 10000;
 }