I have a modal form appearing on a button click. Basically just setting the flag to true and the modal is rendered (it's always on the page). The modal contains multiple fields, one of which is the lightning-input date field. The lightning-datepicker that appears after a user clicks on the date field goes outside of the modal form, and this is a huge issue. I've solved that by adding the following:

.slds-modal__content {
  overflow: scroll !important;

Now a scroll appears and a user can scroll down and pick the correct date. I'm wondering if there's a better way to solve this. Without using a scroll? Does anybody have some solutions? enter image description here


Did you roll your own modal lwc? Maybe try james simone's? Not sure if it will fix your issue but I know him and a bunch of other contributors thought through a whole bunch of scenarios.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.