-
Notifications
You must be signed in to change notification settings - Fork 816
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix: undo operation on signature pad #868
Conversation
@plxity is attempting to deploy a commit to the Documenso Team Team on Vercel. A member of the Team first needs to authorize it. |
Thank you for following the naming conventions for pull request titles! 💚🚀 |
Important Auto Review SkippedAuto reviews are limited to the following labels: coderabbit. Please add one of these labels to enable auto reviews. Please check the settings in the CodeRabbit UI or the To trigger a single review, invoke the Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media? TipsChatThere are 3 ways to chat with CodeRabbit:
Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. CodeRabbit Commands (invoked as PR comments)
Additionally, you can add CodeRabbit Configration File (
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM 🌮
@Mythie Bumping this up 😅 |
I'm on the sign.mp4 |
@catalinpit Please watch the video I have attached and the steps to reproduce. |
Yeah, I've seen those. I thought it happens in all scenarios, but the issue actually occurs when you already have a signature and try to update it. Thanks for the heads up! Will test the changes and review the PR. |
Ok, I just tested it. It works fine on the profile page, but for some reason doesn't work when signing a document. I attached a video. Does it work for you? sign-doc.mp4 |
…ndo-button-in-canvas
Yup, it seems to be working for me. Can you restart server or clear browser cache and try again? |
I restarted the server, cleared browser cache, and even ran |
2bfb6f9
to
142c1c0
Compare
@catalinpit My bad, I have fixed it. In |
@@ -183,8 +184,11 @@ export const SignaturePad = ({ | |||
// Clear the canvas | |||
if ($el.current) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Another thing I observed is that when you undo the first change to an already existing signature, the signature is not updated. See the video to better understand what I mean.
save-signature.mp4
I tried calling the onChange
function after clearing the canvas to update the signature URL and it seems to work.
if ($el.current) {
const ctx = $el.current.getContext('2d');
const { width, height } = $el.current;
ctx?.clearRect(0, 0, width, height);
if (typeof defaultValue === 'string' && defaultImageRef.current) {
ctx?.putImageData(defaultImageRef.current, 0, 0);
}
newLines.forEach((line) => {
const pathData = new Path2D(getSvgPathFromStroke(getStroke(line, perfectFreehandOptions)));
ctx?.fill(pathData);
});
/*
here
*/
onChange?.($el.current.toDataURL());
}
Please double check and see if it works and/or if there is a better way of doing it.
Here's how it works with the new addition.
works.mp4
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@catalinpit Thanks for pointing out. This makes sense, I've added an onChange handler. This is a good method to work with it :)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@catalinpit Let me know if the changes are fine :)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
thanks for the work!
Great work 😄 |
fixes: #864