From 66295484b0d73004ef4a4757c4a8c9c4efd38455 Mon Sep 17 00:00:00 2001 From: scart88 <84858745+scart88@users.noreply.github.com> Date: Wed, 2 Jul 2025 13:20:59 +0300 Subject: [PATCH] Update slidy.ts Improve scrolling performance Lighthouse error: ``` Consider marking your touch and wheel event listeners as passive to improve your page's scroll performance ``` --- packages/core/src/lib/slidy.ts | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/packages/core/src/lib/slidy.ts b/packages/core/src/lib/slidy.ts index 055d3b89..cee40fee 100644 --- a/packages/core/src/lib/slidy.ts +++ b/packages/core/src/lib/slidy.ts @@ -29,14 +29,15 @@ export function slidy(node: HTMLElement, opts: Partial): SlidyInstance const WINDOW_EVENTS: EventMap[] = [ ['touchmove', onMove as EventListener, { passive: false }], ['mousemove', onMove as EventListener], - ['touchend', onUp as EventListener], - ['mouseup', onUp as EventListener], + ['touchend', onUp as EventListener, { passive: true }], + ['mouseup', onUp as EventListener, { passive: true }], [ 'scroll', () => { to(INDEX); GRAVITY = 2; }, + { passive: true }, ], ]; const WINDOW_NATIVE_EVENTS: EventMap[] = [ @@ -46,7 +47,7 @@ export function slidy(node: HTMLElement, opts: Partial): SlidyInstance ['touchstart', onDown as EventListener, { passive: false }], ['mousedown', onDown as EventListener], ['keydown', onKeys as EventListener], - ['contextmenu', () => to(INDEX)], + ['contextmenu', () => to(INDEX), { passive: true }], ['dragstart', (e) => e.preventDefault()], ];