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', ''); + markersHtml += ''; }); + 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); }