Jquery 侧栏菜单隐藏safari上的元素

当我在chome和firefox中打开菜单时，它工作正常，但当它在Safari中打开时，菜单会打开，但菜单栏外的选项不会出现。我已经检查了代码几个小时，并进行了测试，但没有得到令人满意的结果。有人能帮我解决这个问题吗

您可以在codepen上访问我的代码：

因为我使用的是sass，无法在下面的编译器中输入：

var isActive=false；
$（'.menu touch'）。打开（'单击'，函数（）{
console.log（'cliquei'）；
如果（isActive）{
$（this.removeClass（'active'）；
$（'.drop menu'）.removeClass（'menu-open'）；
}否则{
$（this.addClass（'active'）；
$（'.drop menu'）.addClass（'menu-open'）；
}
isActive=！isActive；
});
$（'.drop menu.menu content ul li.btn clique'）。打开（'单击'，函数（）{
如果（isActive）{
$（'.menu touch'）.removeClass（'active'）；
$（'.drop menu'）.removeClass（'menu-open'）；
}否则{
$（'.menu touch'）.addClass（'active'）；
$（'.drop menu'）.addClass（'menu-open'）；
}
isActive=！isActive；
});
$（'.drop menu.menu content ul li.submenu li'）。打开（'单击'，函数（）{
$（'.menu touch'）.removeClass（'active'）；
$（'.drop menu'）.removeClass（'menu-open'）；
});
$bg gray:#fcfc；
$bg橙色：#FCEED6；
$bg蓝色：#FAFCFD；
$gray:#4a4a4a；
$gray小学：rgba（0,0,0,0.8）；
$gray中学：rgba（0,0,0,6）；
$lightgray:#B0AFB0；
$blue:#3478c7；
$royal:#022757；
$orange:#FCC351；
$blue2:#74AAE9；
.多重崩溃{
文本对齐：居中；
}
.菜单折叠{
列表样式：无；
填充：0；
保证金：0；
显示：内联flex；
填充：15px0；
李{
颜色：$灰色；
左侧填充：30px；
字号：2.1rem；
字体系列：ApercuMedium；
a{
颜色：$灰色初级；
显示：内联块；
&：之后{
显示：块；
内容：''；
底部边框：实心3px$蓝色；
变换：scaleX（0）；
转换：转换250ms缓进缓出；
}
&：悬停{
颜色：$蓝色；
文字装饰：无；
} 
}
a:hover:after，a:hover.line-menu{
变换原点：0%100%；
}
a:hover:after，a:hover:before{transform:scaleX（1）；}
}
}
.下拉菜单{
宽度：100%；
高度：100vh；
位置：绝对位置；
排名：0；
左：0；
.菜单内容{
右：0；
排名：0；
宽度：100vw；
最小高度：100vh；
背景#fcf2e0；
位置：固定；
转化：translateX（100vw）；
变换：变换0.6s三次贝塞尔（.56、.1、.34、.91）；
填充：0；
z指数：8；
溢出：自动；
.集装箱{
高度：-可使用webkit填充；
}
.网格菜单{
身高：继承；
显示器：flex；
对齐项目：居中；
证明内容：中心；
.img菜单{
背景图片：url（/images/computer.png）；
高度：75vh；
背景重复：无重复；
}
.导航栏侧{
保证金：0；
列表样式：无；
填充：0；
填充顶部：40px；
左侧填充：10px；
李{
字号：3.2rem；
字体系列：ApercuMedium；
颜色：$灰色初级；
位置：相对位置；
a{
颜色：$灰色初级；
显示：内联块；
&：之后{
显示：块；
内容：''；
底部边框：实心3px$蓝色；
变换：scaleX（0）；
转换：转换250ms缓进缓出；
}
&：悬停{
颜色：$蓝色；
文字装饰：无；
} 
我{
字体大小：25px；
}
}
.item菜单：悬停：之后，.item菜单：悬停.line-menu{
变换原点：0%100%；
}
a:hover:after，a:hover:before{transform:scaleX（1）；}
.行菜单{
显示：无；
}
.子菜单{
溢出：隐藏；
最大高度：0；
-webkit过渡：所有0.5s都可以轻松过渡；
列表样式：无；
填充：0；
保证金：0；
李{
字体系列：无规则字体；
a{
字体大小：2.8rem；
颜色：$灰色初级；
&：悬停{
颜色：$蓝色；
}
}
}
}
&：悬停{
.子菜单{
显示：块