Overlay problem with dropdowns that live on a slds modal hosted by an LWC.
Last updated 17 days ago ·Reference W-11616816 ·Reported By 9 users
When using vanilla SLDS blueprint to create a modal, we can see an overlay problem with dropdowns that live on a slds modal hosted by an LWC.
Note: This will be supported once `LightningModal` goes out, but we can support this in the interim.
1. Create modal using SLDS blueprints.
2. Place a lightning-combobox with 10 items.
Result: This will clip within the modal's body instead of appearing above.
Code for steps to repro can be found here: https://github.com/timsalesforce/W-11603879
Adding 'uiModal' to the class list for the section in the lwc parent.
<section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" aria-modal="true"
aria-describedby="modal-content-id-1" class="slds-modal slds-fade-in-open uiModal">
Is it Fixed?
Any unreleased services, features, statuses, or dates referenced in this or other public statements are not currently available and may not be delivered on time or at all. Customers who purchase our services should make their purchase decisions based upon features that are currently available.