Signature-pad in stepper in dialog - Vuetify about vue-signature-pad HOT 4 CLOSED

I ran into the same issue with a modal and had to trigger the resizeCavas() after a very short delay (250ms).

    displaySignatureModal() {
      this.modals.signature = true
      setTimeout( () => {
        this.$refs.signaturePad.resizeCanvas()
      }, 250) 
    }

I hope this helps.

from vue-signature-pad.

@alexsante thank you!! help me a lot!!

from vue-signature-pad.

@alexsante Thanks for the solution! I found another one you can try, without the delay.

this.$children[0].$children[0].$children[3].$children[13].$children[0].$refs.signaturePad.$refs.signaturePadCanvas.height = 500 this.$children[0].$children[0].$children[3].$children[13].$children[0].$refs.signaturePad.$refs.signaturePadCanvas.width = 500

Just setting the height and width of the underlaying canvas also worked for me.

from vue-signature-pad.

If have any problem feel free to reopen the issue.

from vue-signature-pad.