diff --git a/components/home/TagList.tsx b/components/home/TagList.tsx index 0209dca..f34ae89 100644 --- a/components/home/TagList.tsx +++ b/components/home/TagList.tsx @@ -65,6 +65,27 @@ export function TagList({ } }, [justAddedTag, onJustAddedTagHandled]); + // Handle horizontal scroll with mouse wheel + useEffect(() => { + const container = scrollContainerRef.current; + if (!container) return; + + const handleWheel = (e: WheelEvent) => { + // Check if it's a vertical scroll (mostly deltaY) and negligible horizontal scroll + if (e.deltaY !== 0 && Math.abs(e.deltaX) < Math.abs(e.deltaY)) { + e.preventDefault(); + container.scrollLeft += e.deltaY; + } + }; + + // Add passive: false to allow preventDefault + container.addEventListener('wheel', handleWheel, { passive: false }); + + return () => { + container.removeEventListener('wheel', handleWheel); + }; + }, []); + const handleDragStart = (event: DragStartEvent) => { setActiveId(event.active.id as string); }; diff --git a/package-lock.json b/package-lock.json index 64b005c..dd52b60 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "kvideo", - "version": "3.8.0", + "version": "3.8.4", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "kvideo", - "version": "3.8.0", + "version": "3.8.4", "dependencies": { "@dnd-kit/core": "^6.3.1", "@dnd-kit/sortable": "^10.0.0", diff --git a/package.json b/package.json index d1191d0..0736da2 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "kvideo", - "version": "3.8.0", + "version": "3.8.4", "private": true, "scripts": { "dev": "next dev",