fix: scroll speed matches mouse + CC flicker useLayoutEffect

2026-07-26 10:26:00 +07:00
parent 7107a0cc14
commit 0b7dd82407
3 changed files with 18 additions and 8 deletions
@@ -174,3 +174,9 @@
 - **Tóm tắt thay đổi:** (1) Separate onMouseLeave from onMouseUp for grid canvas — preserve marquee when mouse leaves canvas. (2) Add MIDI note rescheduling on piano roll loop restart — 2nd+ loop iteration now plays sound. (3) Tempo bar drag already uses document-level listeners — works across columns.
 - **Các file ảnh hưởng:** `app/static/js/app.precompiled.js`
 ---
+
+### [2026-07-26 10:24] Task: Fix scroll speed match mouse + CC flicker useLayoutEffect
+- **Tóm tắt thay đổi:** (1) Brush auto-scroll: thêm direct scroll target — mỗi mousemove tính pitchPixel, nếu gần rìa visible area (2 note margin) thì scroll trực tiếp tới target để tốc độ cuộn = tốc độ chuột. Giữ interval 16ms fallback cho trường hợp chuột ở rìa viewport. (2) CC flicker: đổi `React.useEffect` → `React.useLayoutEffect` cho CC canvas rendering effect — canvas paint trước browser paint, loại bỏ flash khi state thay đổi.
+- **Các file ảnh hưởng:** `app/static/js/app.jsx`
+- **Ghi chú/Test (nếu có):** `npm run build` pass. Direct scroll target: `container.scrollTop = target` trên mỗi mousemove khi pitch ở gần rìa.
+---