fix(video-slider): tooltip text and position

Uscreen-video · Mar 21, 2024 · 81fa06d · 81fa06d
1 parent b0e2fbf
commit 81fa06d
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/components/video-slider/Video-slider.component.ts b/src/components/video-slider/Video-slider.component.ts
@@ -184,7 +184,7 @@ export class VideoSlider extends LitElement {
       y,
     );
     this.tooltipPopper.update();
-    emit(this, "hovering", { position: x });
+    emit(this, "hovering", { position: percents });
   };
 
   handleSlotChange = (e: Event & { target: HTMLSlotElement }) => {
@@ -195,8 +195,12 @@ export class VideoSlider extends LitElement {
     const { clientX, target, touches } = e;
     const { y, x, width } = target.getBoundingClientRect();
     const xPosition = touches?.[0]?.clientX || clientX;
-    const percents = ((100 / width) * (xPosition - x)).toFixed(3);
-    return [Math.min(width + x, Math.max(x, xPosition)), y, String(percents)];
+    const percents = Number(((100 / width) * (xPosition - x)).toFixed(3));
+    return [
+      Math.min(width + x, Math.max(x, xPosition)),
+      y,
+      String(Math.min(100, Math.max(0, percents))),
+    ];
   }
 
   createPopper(element: HTMLElement) {