0

I'm in a Bootstrap 3.3.7 environment (no, I can't go to BS4 here unfortunately) and when opening a modal from a modal, the new child modal will not scroll.

I've tried other fixes such as assigning a height and overflow but the problem then is the modal is at a set height and will not scale with the window size so any responsiveness is thrown out the window.

Was able to make the scroll wheel control the scrolling in the child modal, but that isn't the greatest UX to use (and I had to hide the new scrollbar so there wasn't any duality there to cause confusion).

Bootstrap modal inside a modal; Cannot scroll after closing modal looked promising and addresses the issue of modal-open no longer being in the body tag. The problem is the script does not seem to work because modal-open is not being placed in the body tag when the child modal opens.

Chris J. Popp
  • 19
  • 2
  • 7
  • 1
    Can u close the first modal when opening the second one? And open it back again when closing the second one? – Wimanicesir Jan 24 '19 at 16:27
  • yes, the first modal closes when the second modal ("child modal") opens. And opening the first modal from the second modal ("child modal") is not a problem as it's a link from the second modal. The problem is that the class "modal-open" is removed from the body tag when the first modal closes. – Chris J. Popp Jan 24 '19 at 16:53
  • This article might have more bits of info that might point you in the correct direction: https://stackoverflow.com/questions/36460538/scrolling-issues-with-multiple-bootstrap-modals – cfnerd Jan 29 '19 at 15:56

0 Answers0