Разрыв страницы не работает в модале Bootstrap

Question

Я использую Bootstrap (v4) Modal с несколькими разделами в модале.Я хотел бы напечатать содержимое модального тела и начать каждый раздел на новой странице.Естественно, я бы использовал следующий CSS:

section {
    page-break-after: always; 
}

Я пробовал много вещей, но не могу заставить работать разрыв страницы в модальном режиме.Я сделал пример в codepen , чтобы показать, чего я пытаюсь достичь.Действительно был бы признателен за помощь.Заранее спасибо!

HTML:

<div class="modal-body do-print">
  <section>
    <h1>Page 1</h1>
    <p>
      content
    </p>
  </section>
  <section>
    <h1>Page 2</h1>
    <p>
      content
    </p>
  </section>
</div>

CSS:

section {
    page-break-after: always !important;
    margin: 40px;
}

https://codepen.io/pen/deqyvq