Lightning:overlayLib，将“overflow:hidden”属性重写为“overflow:visible”

Question

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

当前问题：

​

如果我在slds-modal__content上禁用css中的两个overflow属性(如下所示)：

​

​

我得到了想要的结果：

​

​

但是，我无论如何也不能让它起作用。当我传入修改后的css类slds-modal时，它用白色填充屏幕。(当我设置overflow: visible时)

我使用以下代码使用lightning: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;
}

即使在尝试修改该类之后，该问题仍然存在。我已经成功地使用这种方法在不使用lightning:overlayLib的情况下生成了一个标准的模式，但我不能以这种方式生成模式。

Answer 1

我最近刚开始使用lightning:overlayLib。我没有遇到您所遇到的问题，但我意识到由于body和footer组件需要应用程序事件进行通信，所以声明需要与body组件通信的footer组件的功能太过繁琐，不值得这么做。

我建议不要使用lightning:overlayLib的页脚组件特性，只需将所需的按钮放在body组件中即可。