Css Safari上的捕捉滚动容器中的线性滚动

预期行为：
容器在div上有快照滚动，
1到4个div是快照，
第五个是一个容器，里面有线性滚动，
你也可以向上滚动

我的问题：
在macOS（Catalina 10.15.5）上使用触摸板的safari（13.1.1）上，一旦您到达线性滚动容器，您就不能再使用触摸板向上滚动，您被锁定到线性滚动容器，不能再在身体的其余部分滚动

当使用带滚轮的鼠标时，它可以在macOS和safari上正常工作。
在macOS上使用Chrome或Firefox上的touchpad，或在所有浏览器上使用Windows和Linux，以及使用touchpad和scrollwheels，也可以按预期工作

演示：

{{i}
5.
6.
导出默认值{}；
.snap容器{
滚动捕捉类型：y必填；
高度：100vh；
宽度：100vw；
溢出y：滚动；
溢出x：隐藏；
}
.幻灯片{
高度：100vh；
宽度：100vw；
颜色：白色；
字体大小：粗体；
字体大小：3rem；
溢出x：隐藏；
}
.啪{
滚动捕捉对齐：居中；
}
.snap:n个孩子（奇数）{
背景:#f56565 ;；
}
.snap:n个孩子（偶数）{
背景：#63b3ed；
}

<template>
    <div id="app">
        <div class="snap-container">
            <div v-for="i in 4" class="slide snap">
                {{ i }}
            </div>
            <div class="slide snap" style="overflow-y: scroll;">
                <div class="slide" style="background: #b794f4;">
                    5
                </div>
                <div class="slide" style="background: #f6e05e;">
                    6
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {};
</script>

<style>
.snap-container {
    scroll-snap-type: y mandatory;
    height: 100vh;
    width: 100vw;
    overflow-y: scroll;
    overflow-x: hidden;
}

.slide {
    height: 100vh;
    width: 100vw;
    color: white;
    font-weight: bold;
    font-size: 3rem;
    overflow-x: hidden;
}

.snap {
    scroll-snap-align: center;
}

.snap:nth-child(odd) {
    background: #f56565;
}

.snap:nth-child(even) {
    background: #63b3ed;
}
</style>