Проблема переполнения CSS в Firefox Print

Question

Я работаю над тем, чтобы настроить отчет на веб-странице для удобства печати. Он печатает «хорошо» в Chrome и Safari, но с Firefox у меня возникает проблема, когда он печатает только первые 1,5 графика, а затем просто переходит в нижний колонтитул. Я видел в других местах, где добавление "overflow: visible;" исправил эту проблему. Я добавил к любому элементу упаковки и все еще не получил Есть идеи?

Отчет можно найти здесь http://vitaferm.com/hay-report/

CSS я пытаюсь на данный момент является

@media print {
    /* print styles go here */
    *{
        overflow:visible;
    }
    .d-print-none {
        display:none;
    }
    canvas {
        display: block;
        clear:both;
        width:100%;
        overflow: visible;
    }
    .print-block {
        width: 100%;
        clear: both;
        max-width: 100%;
        flex: 100%;
        overflow: visible;
    }
    .chartjs-hidden-iframe {
        overflow:visible;
    }
    .row {
        overflow:visible;
    }
}