kempsteven/vue-html2pdf

Weird page load glitch

anzuj opened this issue · 0 comments

anzuj commented

Describe the bug
Upon page load, there's a dark-grey box appearing on the left side of the screen and it disappears after half a second. This results in a flicker every time the page with the PDF download button is loaded. How can I avoid this?

(not sure if relevant, but I'm also using Vuetify)

To Reproduce
Steps to reproduce the behavior:
Put the following in the template. Reload page.

  <button @click="generateReport"> PDF</button>
       <vue-html2pdf
        :show-layout="false"
        :float-layout="true"
        :enable-download="true"
        :preview-modal="false"
        :paginate-elements-by-height="1400"
        filename="Dashboard"
        :pdf-quality="2"
        :manual-pagination="false"
        pdf-format="a4"
        pdf-orientation="portrait"
        pdf-content-width="800px"
        ref="html2Pdf"
    >
        <section slot="pdf-content">
    content for pdf
        </section>
    </vue-html2pdf>

Screenshots
flicker

Package Version
e.g. 1.8.0