score:14

Accepted answer

you can add scrollable to the modal:

<modal scrollable={true}>
</modal>

you can get details from the modal docs

score:32

thanks to amit answer.

the first solution using only styles would be the following:

  <modal.dialog>
    <modal.header>
      <modal.title>modal title</modal.title>
    </modal.header>

    <modal.body style={{
      maxheight: 'calc(100vh - 210px)',
      overflowy: 'auto'
     }}
    >
     one fine body...
    </modal.body>

    <modal.footer>
      <button>close</button>
      <button bsstyle="primary">save changes</button>
    </modal.footer>
  </modal.dialog>

there is a new way to implement that behavior using the react-bootstrap itself:

<modal
  scrollable={true}
  ....
>
  ....
</modal>

modal documentation


Related Query

More Query from same tag