From 1cb62162cc7ca2b94baed36164789300a7c9015c Mon Sep 17 00:00:00 2001
From: Dmytro Soldatov <cyberdexx@gmail.com>
Date: Tue, 30 Jul 2024 15:00:50 +0300
Subject: [PATCH] fix: Interactivity for sliders outside bounds

---
 src/SliderBase.ts | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/SliderBase.ts b/src/SliderBase.ts
index 122eedc3..b3b17639 100644
--- a/src/SliderBase.ts
+++ b/src/SliderBase.ts
@@ -172,8 +172,20 @@ export class SliderBase extends ProgressBar
     protected createSlider(sliderData: Container | string): Container
     {
         const slider = getView(sliderData);
-
-        slider.eventMode = 'none';
+        const onPointerDown = (event: FederatedPointerEvent) =>
+        {
+            // This is needed to do proper calculations in update method calls
+            if (this.bg)
+            {
+                event.currentTarget = this.bg;
+            }
+            this.startUpdate(event);
+        };
+
+        slider.eventMode = 'static';
+        slider.on('pointerdown', onPointerDown)
+            .on('pointerup', this.endUpdate, this)
+            .on('pointerupoutside', this.endUpdate, this);
         slider.x = slider.width / 2;
 
         const container = new Container();