admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feature/IO-3603-Production-Board-Note-Autofocus - Fix

Browse Source
This commit is contained in:
Dave
2026-03-09 12:59:00 -04:00
parent a873a2573a
commit 8d00fc29d1
2 changed files with 26 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
client/src/components/production-list-columns/production-list-columns.comment.component.jsx
View File

@@ -12,6 +12,7 @@ export default function ProductionListColumnComment({ record, usePortal = false
const [note, setNote] = useState(record.comment || "");
const [open, setOpen] = useState(false);
const textAreaRef = useRef(null);
const rafIdRef = useRef(null);
const [updateAlert] = useMutation(UPDATE_JOB);
@@ -37,14 +38,21 @@ export default function ProductionListColumnComment({ record, usePortal = false
};
const handleOpenChange = (flag) => {
if (rafIdRef.current) {
cancelAnimationFrame(rafIdRef.current);
rafIdRef.current = null;
}
setOpen(flag);
if (flag) {
setNote(record.comment || "");
requestAnimationFrame(() => {
try {
textAreaRef.current?.focus?.({ preventScroll: true });
} catch {
textAreaRef.current?.focus?.();
rafIdRef.current = requestAnimationFrame(() => {
rafIdRef.current = null;
if (textAreaRef.current?.focus) {
try {
textAreaRef.current.focus({ preventScroll: true });
} catch {
textAreaRef.current.focus();
}
}
});
}

18
client/src/components/production-list-columns/production-list-columns.productionnote.component.jsx
View File

@@ -21,6 +21,7 @@ function ProductionListColumnProductionNote({ record, setNoteUpsertContext, useP
const [note, setNote] = useState(record.production_vars?.note || "");
const [open, setOpen] = useState(false);
const textAreaRef = useRef(null);
const rafIdRef = useRef(null);
const [updateAlert] = useMutation(UPDATE_JOB);
@@ -53,14 +54,21 @@ function ProductionListColumnProductionNote({ record, setNoteUpsertContext, useP
const handleOpenChange = useCallback(
(flag) => {
if (rafIdRef.current) {
cancelAnimationFrame(rafIdRef.current);
rafIdRef.current = null;
}
setOpen(flag);
if (flag) {
setNote(record.production_vars?.note || "");
requestAnimationFrame(() => {
try {
textAreaRef.current?.focus?.({ preventScroll: true });
} catch {
textAreaRef.current?.focus?.();
rafIdRef.current = requestAnimationFrame(() => {
rafIdRef.current = null;
if (textAreaRef.current?.focus) {
try {
textAreaRef.current.focus({ preventScroll: true });
} catch {
textAreaRef.current.focus();
}
}
});
}