time tooltip out of bounds on the right

[phloxic]

Description

Since c4c8fc1 progress time tooltip and mouse display time tooltip can move out of bounds on the right side of the player.

A fix was proposed in #7308. However, it was declined because it broke the fixes done by the above commit.

However, the alignment issues pointed out in #7308 (comment) cannot be reproduced with the current Video.js v8.x and v7.x versions after the patch is applied:

• example vanilla v8.3.0 without patch: progress tooltip in its rightmost position sticks out on the right
• example v8.3.0 with patch applied: progress tooltip stays inside player

Note that I can reproduce the misalignment when I apply the patch to v7.9.4 (the reason why the patch was declined at the time).

Reduced test case

https://phloxic.productions/test/videojs/ttt/v8.html

Steps to reproduce

1. Set up player with a wide time tooltip
2. Observe behaviour when the time tooltip is in its rightmost position

Errors

No errors.

What version of Video.js are you using?

v8.3.0, v7.21.4 -- introduced in 7.9.4

Video.js plugins used.

none

What browser(s) including version(s) does this occur with?

all

What OS(es) and version(s) does this occur with?

all