sigit/sigit.io
7
2
Fork 0
Code Issues 51 Pull Requests 3 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 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 {
mouseX,
@ -415,6 +417,9 @@ export const DrawPDFFields = (props: Props) => {
}}
labelId="counterparts"
label="Counterparts"
sx={{
background: 'white'
}}
>
{users
.filter((u) => u.role === UserRole.signer)

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

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