Lightning: overlayLib, переопределить свойство «overflow: hidden» на «overflow: visible» - PullRequest
Новая
       70

Lightning: overlayLib, переопределить свойство «overflow: hidden» на «overflow: visible»

0 голосов
/ 07 октября 2018

Я сталкиваюсь с проблемой, когда часть моего компонента в модале генерируется молнией: overlayLib требует от пользователя прокрутки.Я хочу, чтобы div отображался поверх верхнего компонента нижнего колонтитула.Возможно ли это?

Текущая проблема: enter image description here

Если я отключу два атрибута переполнения в css для slds-modal__content (показано ниже):

enter image description here

Я получаю желаемый результат:

enter image description here

НО, я не могу дляжизнь моя, заставь это работать.Когда я передаю модифицированный класс 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;
}

Даже после попытки изменить класс, проблема все еще сохраняется.Мне удалось с помощью этого метода генерировать стандартный модал без использования молнии: overlayLib, но я не могу сгенерировать модал таким образом.

1 Ответ

0 голосов
/ 20 ноября 2018

Я только недавно начал использовать молнию: overlayLib сам.У меня не было проблемы, с которой вы столкнулись, но я понял, что, поскольку для компонентов body и footer требуются события приложения для взаимодействия, функция объявления компонента footer, который вообще требует взаимодействия с компонентом body, слишком громоздка, чтобы ее стоитьit.

Я бы порекомендовал вообще не использовать компонент молнии в нижнем колонтитуле: overlayLib, а просто поместить нужные вам кнопки в компонент body.

...