在MacOS Big Sur 和 Safari 14 下菜单下面的子菜单不显示的问题

 最近在渲染OpenUI5前端页面的时候， 发现升级到1.78的时候，原本跑的很欢的前端应用在MacOS 最新的版本Big Sur 以及Safari 14下子菜单打不开了，具体表现如下：

1. 页面左侧有一系列的navigation item， 点击每一个navigation item会显示其对应的子菜单。

2. 在 macOS Big Sur 以及 Safari 14下，点击navigation item后子菜单没有显示，双击才会有效果, 或者打开开发工具，更改任意的一个css 属性，其结果也会显示出来。

3. 用inspect查看了下dom 元素的渲染情况，每一个节点就正确无误的渲染出来了，唯独子菜单界面出不来。

截图如下：

 

 

 

 

最后，经过各种尝试，才发现在Safari 14下，Popup有个scroll容器，其有个属性：display：inline-block，在style中被复写成：display：block， 但是不知道由于什么原因，在Safari 14下，该属性的复写没有起作用，导致虽然显示复写成功，但是display：inline-block仍然在起作用。

所以解决方案就是：display：block !important;

 

html[data-sap-ui-os=mac],[data-sap-ui-browser=sf14] .sapBUiCenterMenuPopover .sapMPopoverScroll {

display: block !important;

}