rohskiddo/UMBRA
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix DatePicker popup flashing at top-left in Chromium

Browse Source 
Latent bug: useEffect runs after paint, so the popup rendered at
{top:0, left:0} before repositioning. Switched to useLayoutEffect
which runs synchronously before paint, ensuring correct position
on first frame. Both Chromium and Firefox unaffected by the change.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Kyle 2026-03-03 16:26:49 +08:00
parent 63b3a3a073
commit e20c04ac4f
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/ui/date-picker.tsx
View File

@ -160,7 +160,7 @@ const DatePicker = React.forwardRef<HTMLButtonElement, DatePickerProps>(
}); });
}, [mode, usesNativeInput]); }, [mode, usesNativeInput]);
React.useEffect(() => { React.useLayoutEffect(() => {
if (!open) return; if (!open) return;
updatePosition(); updatePosition();
window.addEventListener('scroll', updatePosition, true); window.addEventListener('scroll', updatePosition, true);