You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
Repository navigation
When Zoom/Scale is applied to the container div, seek bar is not working proper #675
When we add Zoom/Scale to the outer container of the player, the size of the big play button is not getting adjusted accordingly and on clicking on seek bar, seek is happening to some other point
changed the title [-]When Zoom/Scale is applied to the container div, seek bar is now working proper[/-][+]When Zoom/Scale is applied to the container div, seek bar is not working proper[/+]on Sep 2, 2025
I'm assuming you mean something like transform: scale(150%) on .able-wrapper; if not, let me know.
I tried this, and I can definitely reproduce the issues with the seek bar, but I'm not observing any issues with the big play button - can you provide more detail on that?
@joedolson there is no issue with the controlls/play button when using 'transform: scale(150%)'. It is happening when using zoom : as in the screenshot
"Zoom" can refer to a lot of different things; can you specify what the mechanism for Zoom is here? Is it ZoomText? Is it browser Zoom? If browser zoom, can you specify the browser and operating system?
Looks like that's a consequence of the various script-generated width and height parameters, which are all set in pixels and don't respond to Zoom in expected ways.
I'm working on removing those, but it's a bit of a process. I'm pretty sure I can safely remove it from the big play button without any significant consequences, but the seekbar will be more complicated because of the legacy mode.
I'm going to open an issue about removing all generated measurements and link it to this.
Activity
[-]When Zoom/Scale is applied to the container div, seek bar is now working proper[/-][+]When Zoom/Scale is applied to the container div, seek bar is not working proper[/+]joedolson commentedon Sep 2, 2025
I'm assuming you mean something like
transform: scale(150%)on.able-wrapper; if not, let me know.I tried this, and I can definitely reproduce the issues with the seek bar, but I'm not observing any issues with the big play button - can you provide more detail on that?
nputhuva-rm commentedon Sep 3, 2025
@joedolson there is no issue with the controlls/play button when using 'transform: scale(150%)'. It is happening when using zoom : as in the screenshot
joedolson commentedon Sep 3, 2025
"Zoom" can refer to a lot of different things; can you specify what the mechanism for Zoom is here? Is it ZoomText? Is it browser Zoom? If browser zoom, can you specify the browser and operating system?
Best,
Joe
RyanThorpUK commentedon Sep 5, 2025
Hi, just replying on behalf of @nputhuva-rm
It's the CSS zoom property that is applied to parent containers that is causing the issue
joedolson commentedon Sep 5, 2025
Thanks, @RyanThorpUK!
Looks like that's a consequence of the various script-generated width and height parameters, which are all set in pixels and don't respond to Zoom in expected ways.
I'm working on removing those, but it's a bit of a process. I'm pretty sure I can safely remove it from the big play button without any significant consequences, but the seekbar will be more complicated because of the legacy mode.
I'm going to open an issue about removing all generated measurements and link it to this.
Remove fixed width and height on big play button
Change slider widths to percentages.
joedolson commentedon May 26, 2026
Fixed by 5f1335e