fix: Content shifts when <media-volume-range> control is tab-focused

[ignasio-mux]

This PR closes #1254

Added overflow: hidden to the :host element to prevent the absolutely positioned #range input from affecting the parent container's layout when it receives focus

[vercel]

@ignasio-mux is attempting to deploy a commit to the Mux Team on Vercel.

A member of the Team first needs to authorize it.

[snyk-io]

✅ Snyk checks have passed. No issues have been found so far.

Status	Scanner	Critical	High	Medium	Low	Total (0)
✅	Open Source Security	0	0	0	0	0 issues
✅	Licenses	0	0	0	0	0 issues

💻 Catch issues earlier using the plugins for VS Code, JetBrains IDEs, Visual Studio, and Eclipse.

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 73.62%. Comparing base (3ea80df) to head (d955b8c).
⚠️ Report is 275 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #1255      +/-   ##
==========================================
- Coverage   78.55%   73.62%   -4.94%     
==========================================
  Files          59       56       -3     
  Lines       11080    13709    +2629     
  Branches        0      783     +783     
==========================================
+ Hits         8704    10093    +1389     
- Misses       2376     3583    +1207     
- Partials        0       33      +33     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
media-chrome	Ready	Preview, Comment	Dec 19, 2025 5:51pm

[luwes]

This can't be used here because preview time, thumbnail etc would be clipped.

You have to be very careful with using overflow: hidden in players with things like tooltips, popovers, menus.

Try to make the dimensions of the extruding element fit the bounds of the container instead.

[ignasio-mux]

This is the line that causes the issue:

media-chrome/src/js/media-chrome-range.ts

Line 98 in 4b1f5a9

bottom: var(--media-time-range-hover-bottom, -5px);

Can we remove that -5px?