question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

If element is initially hidden with v-show signaturePad doesn't work

See original GitHub issue

Because v-show hides/removes the element completely from the DOM then new SignaturePad(... can never find the element to add watchers.

Maybe some of the mount() functionality can be moved to a seperate method and be recalled as required

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:8 (8 by maintainers)

github_iconTop GitHub Comments

1reaction
garhbodcommented, Nov 7, 2018

If it toggles the display CSS property than that is hiding it.

Your example works because of the listeners that vue-signature-pad has already set on the resize event are being called also - resizeCanvas

I have forked your example with a show button so you can see this issue https://codesandbox.io/s/o49241xrlz

0reactions
neighborhood999commented, Nov 7, 2018

Done, Merged at #82

Read more comments on GitHub >

github_iconTop Results From Across the Web

Signature_pad doesn't work when hidden div is shown
Use: height: 0; overflow: hidden; instead of: display:none. It works for me.
Read more >
HTML Hide Element - javatpoint
You can hide an element by using the Boolean attribute hidden with the element. When you specify the hidden attribute in the HTML...
Read more >
HSB Troubleshooting Guide - Topaz Systems
This document is a troubleshooting guide to the setup process for a Topaz HSB (HID USB) tablet. If the model number on the...
Read more >
Form | Retool Component Library
SettingValueInitial data ... If true , form submission will not be allowed ... the component will continue to take up space on the...
Read more >
Citrix Fixes and Known Issues – XenApp & XenDesktop ...
Reset the Performance Counters on the machine you are using to install VDA software on. If that does not work run the VDA...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found