sigit/sigit.io
6
2
Fork 0
Code Issues 41 Pull Requests 2 Actions Packages Projects 1 Releases Wiki Activity

fix(drawing): clamp DrawField within img
All checks were successful
Open PR on Staging / audit_and_check (pull_request) Successful in 33s
Details

Browse Source 
Closes #154
This commit is contained in:
enes 2024-08-23 10:09:29 +02:00
parent acc8c84617
commit 2f54184625
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/DrawPDFFields/index.tsx
View File

@ -328,8 +328,10 @@ export const DrawPDFFields = (props: Props) => {
) => { ) => {
const target = customTarget ? customTarget : event.currentTarget const target = customTarget ? customTarget : event.currentTarget
const rect = target.getBoundingClientRect() const rect = target.getBoundingClientRect()
const mouseX = event.clientX - rect.left //x position within the element.
const mouseY = event.clientY - rect.top //y position within the element. // Clamp X Y within the target
const mouseX = Math.min(event.clientX, rect.right) - rect.left //x position within the element.
const mouseY = Math.min(event.clientY, rect.bottom) - rect.top //y position within the element.
return { return {
mouseX, mouseX,
@ -415,6 +417,9 @@ export const DrawPDFFields = (props: Props) => {
}} }}
labelId="counterparts" labelId="counterparts"
label="Counterparts" label="Counterparts"
sx={{
background: 'white'
}}
> >
{users {users
.filter((u) => u.role === UserRole.signer) .filter((u) => u.role === UserRole.signer)

1
src/components/DrawPDFFields/style.module.scss
View File

@ -75,7 +75,6 @@
bottom: -60px; bottom: -60px;
min-width: 170px; min-width: 170px;
min-height: 30px; min-height: 30px;
background: #fff;
padding: 5px 0; padding: 5px 0;
} }
} }