fix: time tooltip out of bounds on the right

phloxic · phloxic · commit 7f0c2537d22e · 2023-10-26T11:06:16.000+01:00
This revives videojs#7308 The analysis by @PikachEXE videojs#7248 (comment) still stands. However, the alignment issues pointed out in videojs#7308 (comment) cannot be reproduced with the current Video.js v8.x and v7.x versions after the patch is applied.
diff --git a/src/js/control-bar/progress-control/progress-control.js b/src/js/control-bar/progress-control/progress-control.js
@@ -72,7 +72,7 @@ class ProgressControl extends Component {
     }
 
     const seekBarEl = seekBar.el();
-    const seekBarRect = Dom.findPosition(seekBarEl);
+    const seekBarRect = Dom.getBoundingClientRect(seekBarEl);
     let seekBarPoint = Dom.getPointerPosition(seekBarEl, event).x;
 
     // The default skin has a gap on either side of the `SeekBar`. This means

Original file line number	Diff line number	Diff line change
`@@ -72,7 +72,7 @@ class ProgressControl extends Component {`
`72`	`72`	`}`
`73`	`73`
`74`	`74`	`const seekBarEl = seekBar.el();`
`75`		`- const seekBarRect = Dom.findPosition(seekBarEl);`
	`75`	`+ const seekBarRect = Dom.getBoundingClientRect(seekBarEl);`
`76`	`76`	`let seekBarPoint = Dom.getPointerPosition(seekBarEl, event).x;`
`77`	`77`
`78`	`78`	// The default skin has a gap on either side of the `SeekBar`. This means