Lightning：overlayLib，将“溢出：隐藏”属性覆盖为“溢出：可见”

Question

我遇到了一个问题，即我的部分组件在由 Lightning:overlayLib 生成的模态中需要用户滚动。我希望 div 显示在页脚组件的顶部。这可能吗？

当前问题：

如果我在 slds-modal__content 上禁用 css 中的两个溢出属性（如下所示）：

我得到了想要的结果：

但是，我这辈子都做不到，让它发挥作用。当我传入修改后的 css 类 slds-modal__content 时，它会用白色填充屏幕。 （当我设置溢出时：可见）

我正在使用以下代码使用闪电：overlayLib 生成组件：

var modalHeader, modalBody, modalFooter;
    $A.createComponents([
        ["c:UWB_modalHeader",{'label':'Approve'}],
        ["c:UWB_utilityModal",{'modalName':'approve', 'approvalId':data.proccessInstanceToPiwi[data.approvalHistory[0].ProcessInstanceId], 'relatedObject':recordData}],
        ["c:UWB_modalFooter",{'cancelLabel':'Cancel', 'submitLabel':'Approve'}]
    ],
                        function(components, status){
                            if (status === "SUCCESS") {
                                modalHeader=components[0];
                                modalBody = components[1];
                                modalFooter = components[2];
                                component.find('overlayLib').showCustomModal({
                                    header: modalHeader,
                                    body: modalBody, 
                                    footer: modalFooter,
                                    showCloseButton: false,
                                    cssClass: 'slds-modal__content'
                                })
                            }
                        }
                       );

其中的css类'slds-modal__content'如下：

.THIS .slds-modal__content{
    overflow-y: visible !important;
    overflow-x: visible !important;
}

即使在尝试修改类之后，问题仍然存在。我已经成功使用这种方法生成标准模态而不使用闪电：overlayLib，但我无法以这种方式生成模态。

Answer 1

我自己最近才开始使用 Lightning:overlayLib。我没有遇到您遇到的问题，但是我意识到，由于 body 和 footer 组件需要应用程序事件进行通信，因此声明一个需要与 body 组件通信的页脚组件的功能太麻烦了，不值得它。

我建议完全不要使用lightning:overlayLib的footer组件功能，直接把需要的按钮放在body组件中即可。