Css -webkit溢出滚动：触摸在没有z索引的元素上创建新的堆叠上下文

问题

iOS 6似乎为每个具有

位置的子代创建了一个新的堆叠上下文，而不是
静态
，无论是否设置了
z-index

是否有人知道这是正常的预期行为，或者这是
-webkit溢出滚动
干扰堆叠顺序的一个错误

示例

请参阅下面的代码，或

两个
行
元素都具有位置
相对
，但没有
z索引
。我笔记本电脑上的Google Chrome和Safari都会在第二行
上方呈现蓝色的“子菜单”

在iOS模拟器上测试示例时，“子菜单”显示在第二行
后面。删除
-webkit溢出滚动：touch
后，它的渲染效果与我预期的一样

在我看来，添加
-webkit溢出滚动：触摸
会为每个后代创建一个新的堆叠上下文，并设置一个位置，而不是
静态
，无论是否设置了
z-index

<style>
    div.content {
        -webkit-overflow-scrolling: touch;
    }

    div.row {
        width: 100%;
        position: relative;
        background: red;
        margin-bottom: 10px;
    }

    div.sub {
        position: absolute;
        top: 100%;
        z-index: 2;
        background: blue;
    }
</style>
<div class="content">
    <div class="row">
        A
        <div class="sub">
            Sub menu of A<br>
            Sub menu of A<br>
            Sub menu of A<br>
            Sub menu of A<br>
        </div>
    </div>
    <div class="row">
        B
    </div>
</div>


部门内容{
-webkit溢出滚动：触摸；
}
分区行{
宽度：100%；
位置：相对位置；
背景：红色；
边缘底部：10px；
}
副处长{
位置：绝对位置；
最高：100%；
z指数：2；
背景：蓝色；
}
A.
A的子菜单

A的子菜单

A的子菜单

A的子菜单

B

```

**附加说明**
我想用'-webkit overflow scrolling'来标记这篇文章，但我没有足够的声誉来创建一篇新文章
 这似乎在iOS9I上是固定的，但在iOS11上它仍然添加了堆叠上下文。显然，这不是一个错误：我必须说，我真的很挣扎与此，对我来说，这是一个相当有缺陷的事情，我无法修复到目前为止。。。