blsmedia/sign
2
0
Fork 0
Code Issues Packages Releases Activity

fix: avoid having a drawn and typed signature at the same time (#1516)

Browse Source
This commit is contained in:
Ephraim Duncan
2024-12-27 09:29:12 +00:00
committed by GitHub
parent 6da15ab12b
commit ee6efc4cca
1 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/ui/primitives/signature-pad/signature-pad.tsx
View File

@@ -191,8 +191,9 @@ export const SignaturePad = ({
} }
const point = Point.fromEvent(event, DPI, $el.current); const point = Point.fromEvent(event, DPI, $el.current);
const lastPoint = currentLine[currentLine.length - 1];
if (point.distanceTo(currentLine[currentLine.length - 1]) > 5) { if (lastPoint && point.distanceTo(lastPoint) > 5) {
setCurrentLine([...currentLine, point]); setCurrentLine([...currentLine, point]);
// Update the canvas here to draw the lines // Update the canvas here to draw the lines
@@ -301,6 +302,7 @@ export const SignaturePad = ({
setTypedSignature(''); setTypedSignature('');
setLines([]); setLines([]);
setCurrentLine([]); setCurrentLine([]);
setIsPressed(false);
}; };
const renderTypedSignature = () => { const renderTypedSignature = () => {
@@ -349,6 +351,17 @@ export const SignaturePad = ({
const handleTypedSignatureChange = (event: React.ChangeEvent<HTMLInputElement>) => { const handleTypedSignatureChange = (event: React.ChangeEvent<HTMLInputElement>) => {
const newValue = event.target.value; const newValue = event.target.value;
// Deny input while drawing.
if (isPressed) {
return;
}
if (lines.length > 0) {
setLines([]);
setCurrentLine([]);
}
setTypedSignature(newValue); setTypedSignature(newValue);
if ($el.current) { if ($el.current) {