From decdb026fad51f2de3efba31fe9de42fd53e58bb Mon Sep 17 00:00:00 2001
From: thornbill <thornbill@users.noreply.github.com>
Date: Sat, 25 May 2024 11:50:49 -0400
Subject: [PATCH] Backport pull request #5593 from jellyfin-web/release-10.9.z

Fix chapter marker re-rendering

Original-merge: bd03c437168e4b1f68a7f3b069f554e6582abc4b

Merged-by: thornbill <thornbill@users.noreply.github.com>

Backported-by: Joshua M. Boniface <joshua@boniface.me>
---
 src/elements/emby-slider/emby-slider.js   | 8 ++++----
 src/elements/emby-slider/emby-slider.scss | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/elements/emby-slider/emby-slider.js b/src/elements/emby-slider/emby-slider.js
index 512fb5bfe4..03cbf141e2 100644
--- a/src/elements/emby-slider/emby-slider.js
+++ b/src/elements/emby-slider/emby-slider.js
@@ -203,14 +203,14 @@ function setMarker(range, valueMarker, marker, valueProgress) {
 }
 
 function updateMarkers(range, currentValue) {
-    if (range.getMarkerInfo) {
+    if (range.getMarkerInfo && !range.markerInfo) {
         range.markerInfo = range.getMarkerInfo();
 
-        range.markerContainerElement.innerHTML = '';
-
+        let markersHtml = '';
         range.markerInfo.forEach(() => {
-            range.markerContainerElement.insertAdjacentHTML('beforeend', '<span class="sliderMarker" aria-hidden="true"></span>');
+            markersHtml += '<span class="sliderMarker" aria-hidden="true"></span>';
         });
+        range.markerContainerElement.innerHTML = markersHtml;
 
         range.markerElements = range.markerContainerElement.querySelectorAll('.sliderMarker');
     }
diff --git a/src/elements/emby-slider/emby-slider.scss b/src/elements/emby-slider/emby-slider.scss
index c0f7d5e743..0b566c98da 100644
--- a/src/elements/emby-slider/emby-slider.scss
+++ b/src/elements/emby-slider/emby-slider.scss
@@ -263,7 +263,7 @@
 .sliderMarker {
     position: absolute;
     width: 2px;
-    height: 0.5em;
+    height: 12px;
     transform: translate3d(0, 25%, 0);
 }