Распечатать содержимое <iframe>, превышающее одну страницу

в моем приложении для реагирования у меня есть iframe, который загружается с HTML-документом, и его содержание превышает 1 страницу. при нажатии Ctrl+p я хочу распечатать его на нескольких страницах, но предварительный просмотр показывает только одну страницу.

как это должно быть обработано, чтобы распознать, что содержание iframe составляет более одной страницы формата A4?

DOM в chrome devtool выглядит так

<div class = "article-container">
  <iframe style = "">#document
   /* hundreds of <p> tags */
  </iframe>
</div>

структура в реагирующем приложении похожа на

   <div className = "article-container">
      <FrameText content = {content} status = {!this.state.editStatus} />
   </div>

и фреймтекст

class FrameText extends React.Component<Props> {
  iframe: HTMLIFrameElement;
  compinentDidMount(){
    window.addEventListener('beforeprint',(e)=>{console.info(e);})
  }
  /* other stuff*/
  render() {
      const { status } = this.props;
      return <iframe ref = {(ref) => (this.iframe = ref!)} style = {!status ? { display: 'none' } : {}} />;
  }

поэтому здесь, когда нажимается ctrl+p, я получаю событие, и документ iframe находится в событии. Кроме того, у меня есть содержимое iframe в локальном состоянии.

Я нигде не мог найти, что когда это событие запускается, что я могу с ним сделать, чтобы манипулировать или как-то сообщить предварительному просмотру печати, что содержимое длинное.

Кроме того, css

@media print {
  .article-container {
    background-color: white;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 15px;
    font-size: 14px;
    line-height: 18px;
  }
}