salesforce - 当我使用 slds 模态包装器时，关闭按钮不起作用

Question

当我使用 slds-modal 类来包装我的组件以正确显示页眉和页脚时，操作的关闭按钮似乎无法正常工作。

HTML：

    <div class="slds-modal slds-fade-in-open slds-modal_large">
            <div class="slds-modal__container">
                <header class="slds-modal__header">
                    <h2 class="slds-text-heading_medium slds-m-bottom_medium">
                        Создать заказ
                    </h2>
                </header>
                <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
                    <lightning-input type="text" label="Название ордера" onchange={handleTextChange} >
                    </lightning-input>
            
                    <c-custom-lookup label="Квота" iconname="standard:quotes" 
                    onselect={handleQuoteSelect} objectname="Quote"
                    searchfield="Name" defaultvalue={recordId} 
                    onselectedreconpagedownload={handleDefalutQuote}></c-custom-lookup>
            
                    <lightning-input type="date" label="Дата начала ордера" onchange={handleDateChange}>
                    </lightning-input>
            
                    <c-custom-lookup label="Контракт" iconname="standard:contract" 
                    onselect={handleContractSelect} objectname="Contract" 
                    searchfield="Name" defaultvalue={recordId}
                    onselectedreconpagedownload={handleDefalutContract}></c-custom-lookup>
            
                    <c-custom-lookup label="Проект" iconname="standard:opportunity" 
                    onselect={handleOpportunitySelect} objectname="Opportunity"
                    searchfield="Name" defaultvalue={recordId}
                    onselectedreconpagedownload={handleDefalutOpportunity}></c-custom-lookup>
            
                    <c-custom-lookup label="Организация" iconname="standard:account" 
                    onselect={handleAccountSelect} objectname="Account"
                    searchfield="Name" defaultvalue={recordId}
                    onselectedreconpagedownload={handleDefalutAccount}></c-custom-lookup>
                </div>
                <footer class="slds-modal__footer ">
                    <button class="slds-button slds-button_neutral" onclick={closeQuickAction}>Cancel</button>
                    <button class="slds-button slds-button_brand" onclick={createRecord} >Save</button>
                </footer>
            </div>
    </div>
</template>

如果我只将鼠标悬停在窗口右侧一点，关闭按钮就会做出反应。因此，如果您将鼠标悬停在我的操作窗口下的关闭按钮上，它就不起作用。

截屏

希望有人能帮助我！非常感谢！

标签： salesforcesalesforce-lightninglwc