fix: only update media position on slider release

components/controls/StyledSlider.qml

@@ -16,6 +16,8 @@ Slider {
     property real waveFrequency: 6
     property int waveDuration: 1000
     property int radius: Tokens.rounding.medium
+    property bool interactionOnMove: true
+    readonly property bool dragging: mouse.pressed
 
     property color fgColour: enabled ? Colours.palette.m3primary : Qt.alpha(Colours.palette.m3onSurface, 0.38)
     property color bgColour: enabled ? Colours.palette.m3secondaryContainer : Qt.alpha(Colours.palette.m3onSurface, 0.1)
@@ -171,7 +173,8 @@ Slider {
         }
         onPositionChanged: e => {
             dragMovement = (e.x - pressStartX) / width;
-            root.interaction(posBinding.value);
+            if (root.interactionOnMove)
+                root.interaction(posBinding.value);
         }
         onReleased: e => {
             root.interaction(posBinding.value);

modules/dashboard/media/Details.qml

@@ -72,6 +72,8 @@ ColumnLayout {
         }
 
         StyledText {
+            id: positionLabel
+
             Layout.preferredWidth: timeMetrics.width
             text: root.lengthStr(Players.active?.position ?? -1)
             color: Colours.palette.m3onSurfaceVariant
@@ -80,6 +82,8 @@ ColumnLayout {
         }
 
         StyledSlider {
+            id: positionSlider
+
             Layout.fillWidth: true
             value: Players.active ? Players.active.position / (Players.active.length || 1) : 0
             enabled: Players.active?.canSeek ?? false
@@ -87,11 +91,19 @@ ColumnLayout {
             animateWave: Players.active?.isPlaying ?? false
             waveFrequency: 5
             waveDuration: 2000
+            interactionOnMove: false
             onInteraction: value => {
                 const active = Players.active;
                 if (active?.canSeek && active?.positionSupported)
                     active.position = value * active.length;
             }
+
+            Binding {
+                target: positionLabel
+                property: "text"
+                value: root.lengthStr(positionSlider.pos * (Players.active?.length ?? 0))
+                when: positionSlider.dragging
+            }
         }
 
         StyledText {