Как сохранить блок с overflow-y в html2pdf.js?

Question

[Jussss92]

Привет.
Я имею блок и стили

<div  class="container"> 
<div  class="words-wrapper"> 
content
</div>
</div>
.words-wrapper {
max-height: 750px;
overflow-y: auto;
}

Мои настройки для html2pdf

const element = document.querySelector('.container')
    const opt = {
                margin: 0.5,
                filename: `${pageTitle.value}.pdf`,
                image: { type: 'jpeg', quality: 0.98 },
                html2canvas: { scale: 2 },
                jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' },
                pagebreak: { mode: ['avoid-all', 'css', 'legacy'] },
    }

Я добавляю такие настройки для печати

@media print {
    .words-wrapper {
        max-height: none !important;
        overflow-y: visible !important;
    }
}

При печати средствами браузера, данная настройка срабатывает и выводится весь блок.
Но через html2pdf он сохраняет только видимую часть блока.
Я пробовал добавлять и такую настройку.Это не помогло.

const wordsWrapper = document.querySelector('.words-wrapper')
        wordsWrapper.style.maxHeight = 'none!important'
        wordsWrapper.style.overflowY = 'visible!important'

Как мне сделать чтобы при печати он не брал в расчет overflow и печатал весь блок.

Comments

[ProjectSoft]

При нажатии на кнопку для сохранения в pdf добавляете класс, в котором прописывание свойства отключения max-height. После того, как документ pdr готов к сохранению, удаляет добавленный класс.