Prevent page scrolling when using wheel on flatpickr

beautifulmim · Apr 29, 2024 · 205024c · 205024c
1 parent e33342a
commit 205024c
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/frontend/app/src/components/partials/AlpineScripts.astro b/frontend/app/src/components/partials/AlpineScripts.astro
@@ -477,6 +477,24 @@ export const UtilitiesXData = `
         return 'https://images.evetech.net/types/'+id+'/'+(size <= 64 ? 'icon' : 'render')+'?size='+size;
     },`
 
+export const InitXData = `
+    init() {
+        document.addEventListener('wheel', event => {
+            const el = document.querySelector('.flatpickr-hour')
+
+            if (el && el.contains(event.target)) {
+                event.stopPropagation()
+                event.preventDefault()
+
+                if (event.deltaY < 0)
+                    el.stepUp();
+                else
+                    el.stepDown();
+            }
+        }, { passive: false })
+        
+    },`
+
 export const RifterAnimationXData = `
     rifter_animation: false,
     rifter_animation_init() {

diff --git a/frontend/app/src/layouts/Viewport.astro b/frontend/app/src/layouts/Viewport.astro
@@ -47,7 +47,8 @@ import {
 	CorporationFinderXData,
 	AllianceFinderXData,
 	UtilitiesXData,
-	RifterAnimationXData
+	RifterAnimationXData,
+	InitXData,
 } from '@components/partials/AlpineScripts.astro';
 
 import type { ViewportComponents } from '@dtypes/layout_components'
@@ -128,6 +129,7 @@ import RifterIcon from '@components/icons/RifterIcon.astro';
             ${FittingFinderXData}
             ${UtilitiesXData}
             ${RifterAnimationXData}
+            ${InitXData}
 		}`}
 		x-init="rifter_animation_init"
 	>