vndangkhoa/kv-netflix
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: Smart recommendations category mismatch and MovieRow clickability

Browse source
This commit is contained in:
vndangkhoa 2026-02-01 18:44:20 +07:00
parent cbfdd34253
commit 32a5ebdff2
1 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
frontend-react/src/components/MovieRow.tsx
View file

@ -106,9 +106,6 @@ const MovieRow = ({ title, category, searchQuery, limit, layout = 'row', movies:
isDown.current = true;
startX.current = e.pageX - rowRef.current.offsetLeft;
scrollLeft.current = rowRef.current.scrollLeft;
// Capture pointer to track drag even if it leaves the element
e.currentTarget.setPointerCapture(e.pointerId);
};
const handlePointerUp = (e: React.PointerEvent) => {
@ -117,8 +114,8 @@ const MovieRow = ({ title, category, searchQuery, limit, layout = 'row', movies:
isDown.current = false;
if (isDragging) {
setIsDragging(false);
e.currentTarget.releasePointerCapture(e.pointerId);
}
e.currentTarget.releasePointerCapture(e.pointerId);
};
const handlePointerMove = (e: React.PointerEvent) => {
@ -129,11 +126,16 @@ const MovieRow = ({ title, category, searchQuery, limit, layout = 'row', movies:
const walk = (x - startX.current) * 2; // Scroll-fast
// Only trigger dragging state if moved significantly to prevent accidental clicks being blocked
if (Math.abs(x - startX.current) > 5 && !isDragging) {
setIsDragging(true);
if (Math.abs(x - startX.current) > 5) {
if (!isDragging) {
setIsDragging(true);
e.currentTarget.setPointerCapture(e.pointerId);
}
}
rowRef.current.scrollLeft = scrollLeft.current - walk;
if (isDragging) {
rowRef.current.scrollLeft = scrollLeft.current - walk;
}
};