Question

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

当前问题：

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

我得到了预期的结果：

但是，我无法为自己的一生而努力。当我传入修改后的CSS类slds-modal__content时，它将用白色填充屏幕。（当我设置溢出时：可见）

我使用以下代码使用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自己。我没有遇到问题，但是我意识到，由于正文和页脚组件需要应用程序事件进行通信，因此声明根本不需要与正文组件进行通信的页脚组件的功能太麻烦了，不值得它。

我建议完全不使用lightning：overlayLib的页脚组件功能，只需将所需的按钮放在主体组件中即可。

Lightning：overlayLib，将“ overflow：hidden”属性覆盖为“ overflow：visible”

1 个答案: