The typical modal code from the lds reference website does not work inside a community. There is no overlay behind the modal that covers the rest of the screen. Has anyone else encountered this and found a way to fix it that doesn’t involve having to write the css from scratch?

  • 1
    Have you used lightning:overlayLibrary base aura component? If not; then that would be recommended approach.
    – Raul
    Commented Apr 2, 2020 at 0:21
  • The modal includes a form where the submit button would be in the footer, which would need to access a value in the form which would be in the modal body.. Using this method seems like it would make all of this extremely messy.
    – nicolevy
    Commented Apr 2, 2020 at 1:25
  • And I;m assuming that would probably still use <section role="dialog" tabindex="-1" class="slds-modal slds-fade-in-open”>? Which is what seems not to be working in communities for some reason.
    – nicolevy
    Commented Apr 2, 2020 at 1:28

1 Answer 1


Figured it out, I was missing <div class="slds-backdrop slds-backdrop_open"></div> as a sibling of the modal <section> 🤦‍♀️

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .