Skip to content

fix(packages): stabilize shared slider keyboard input - #2607

Closed
mihar-22 wants to merge 2 commits into
mainfrom
fix/slider-keyboard-core
Closed

fix(packages): stabilize shared slider keyboard input#2607
mihar-22 wants to merge 2 commits into
mainfrom
fix/slider-keyboard-core

Conversation

@mihar-22

@mihar-22 mihar-22 commented Sep 3, 2026

Copy link
Copy Markdown
Member

Refs #2553

Summary

Extract the framework-neutral portion of #2553 so HTML and React can build on the same slider keyboard behavior.

Changes

  • Advance repeated keyboard input from the last in-flight percentage and rebase it after pointer input
  • Synchronize volume state immediately when browser volume events are delayed
  • Keep player controls active throughout repeated keydown input
  • Disable focused slider position transitions consistently across CSS, Tailwind, and VJSC skins

Testing

  • pnpm -F @videojs/core test src/dom/ui/tests/slider.test.ts src/dom/store/features/tests/volume.test.ts src/dom/store/features/tests/controls.test.ts
  • pnpm -F @videojs/skins test
  • pnpm build:packages
  • pnpm typecheck
  • pnpm lint
  • pnpm check:workspace

Note

Low Risk
Targeted input, store sync, and styling fixes with broad test coverage; no auth, security, or data-handling changes.

Overview
Fixes keyboard-driven volume/seek sliders that could stall, jump, or hide controls during held arrow keys.

Slider keyboard stepping tracks a lastKeyPercent from the latest keyboard or pointer interaction and uses it (with event.repeat) so auto-repeat steps advance from the in-flight value instead of a stale getPercent(). UIKeyboardEvent gains an optional repeat flag.

Volume store calls set({ volume, muted }) synchronously inside setVolume so UI bound to store state does not lag behind when volumechange fires late.

Controls idle behavior treats container keydown like keyup by calling setActive, resetting the hide timer while keys repeat.

Slider visuals across default/minimal CSS, Tailwind, and VJSC set --media-track-transition-duration: 0ms (or equivalent focus-within / group-focus-within classes) when the slider has focus, matching drag behavior so fill/thumb motion stays instant during keyboard adjustment.

Reviewed by Cursor Bugbot for commit c632aff. Bugbot is set up for automated code reviews on this repo. Configure here.

@vercel

vercel Bot commented Sep 3, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated
v10-sandbox Ready Ready Preview Sep 3, 2026 3:51am UTC

Request Review

@netlify

netlify Bot commented Sep 3, 2026

Copy link
Copy Markdown

Deploy Preview for vjs10-site ready!

Name Link
🔨 Latest commit c632aff
🔍 Latest deploy log https://app.netlify.com/projects/vjs10-site/deploys/6a98ee86488a2d00092326b8
😎 Deploy Preview https://deploy-preview-2607--vjs10-site.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@pkg-pr-new

pkg-pr-new Bot commented Sep 3, 2026

Copy link
Copy Markdown
@videojs/core

pnpm add https://pkg.pr.new/@videojs/core@2607

@videojs/element

pnpm add https://pkg.pr.new/@videojs/element@2607

@videojs/html

pnpm add https://pkg.pr.new/@videojs/html@2607

@videojs/media

pnpm add https://pkg.pr.new/@videojs/media@2607

@videojs/react

pnpm add https://pkg.pr.new/@videojs/react@2607

@videojs/spf

pnpm add https://pkg.pr.new/@videojs/spf@2607

@videojs/store

pnpm add https://pkg.pr.new/@videojs/store@2607

@videojs/utils

pnpm add https://pkg.pr.new/@videojs/utils@2607

commit: c632aff

@github-actions

github-actions Bot commented Sep 3, 2026

Copy link
Copy Markdown
Contributor

📦 Bundle Size Report

🎨 @videojs/html — 71 small size changes
Path Base initial PR initial Initial diff Lazy diff
/video/minimal-skin.css 6.63 kB 6.64 kB +9 B (+0.1%)
/video/skin.css 6.45 kB 6.46 kB +5 B (+0.1%)
/video/minimal-skin 60.28 kB 60.28 kB +3 B (+0.0%) 0 B
/video/minimal-skin2 7.19 kB 7.19 kB +7 B (+0.1%)
/video/player 9.70 kB 9.71 kB +8 B (+0.1%) 0 B
/video/skin 60.54 kB 60.50 kB -41 B (-0.1%) 0 B
/video/skin2 7.04 kB 7.06 kB +13 B (+0.2%)
/audio/minimal-skin.css 4.95 kB 4.96 kB +10 B (+0.2%)
/audio/skin.css 4.88 kB 4.89 kB +14 B (+0.3%)
/audio/minimal-skin 46.43 kB 46.39 kB -42 B (-0.1%) 0 B
/audio/minimal-skin2 5.36 kB 5.36 kB +3 B (+0.1%)
/audio/player 6.14 kB 6.16 kB +23 B (+0.4%) 0 B
/audio/skin 50.32 kB 50.36 kB +40 B (+0.1%) 0 B
/audio/skin2 5.32 kB 5.33 kB +9 B (+0.2%)
/background/skin 9.77 kB 9.78 kB +14 B (+0.1%) 0 B
/live-video/minimal-skin.css 6.63 kB 6.64 kB +9 B (+0.1%)
/live-video/skin.css 6.45 kB 6.46 kB +5 B (+0.1%)
/live-video/minimal-skin 54.40 kB 54.53 kB +132 B (+0.2%) 0 B
/live-video/minimal-skin2 7.19 kB 7.19 kB +7 B (+0.1%)
/live-video/player 9.06 kB 9.07 kB +12 B (+0.1%) 0 B
/live-video/skin 56.99 kB 57.02 kB +30 B (+0.1%) 0 B
/live-video/skin2 7.04 kB 7.06 kB +13 B (+0.2%)
/live-audio/minimal-skin.css 4.95 kB 4.96 kB +10 B (+0.2%)
/live-audio/skin.css 4.88 kB 4.89 kB +14 B (+0.3%)
/live-audio/minimal-skin 39.72 kB 39.79 kB +76 B (+0.2%) 0 B
/live-audio/minimal-skin2 5.36 kB 5.36 kB +3 B (+0.1%)
/live-audio/player 6.15 kB 6.16 kB +9 B (+0.1%) 0 B
/live-audio/skin 43.33 kB 43.39 kB +58 B (+0.1%) 0 B
/live-audio/skin2 5.32 kB 5.33 kB +9 B (+0.2%)
/ui/airplay-button 11.26 kB 11.29 kB +23 B (+0.2%) 0 B
/ui/audio-track-radio-group 11.34 kB 11.37 kB +26 B (+0.2%) 0 B
/ui/buffering-indicator 8.61 kB 8.62 kB +17 B (+0.2%) 0 B
/ui/captions-button 11.51 kB 11.52 kB +7 B (+0.1%) 0 B
/ui/captions-radio-group 11.43 kB 11.45 kB +16 B (+0.1%) 0 B
/ui/cast-button 11.25 kB 11.25 kB +4 B (+0.0%) 0 B
/ui/container 9.47 kB 9.50 kB +30 B (+0.3%) 0 B
/ui/controls 8.81 kB 8.83 kB +22 B (+0.2%) 0 B
/ui/error-dialog 13.01 kB 13.03 kB +23 B (+0.2%) 0 B
/ui/fullscreen-button 11.27 kB 11.27 kB +2 B (+0.0%) 0 B
/ui/gesture 9.56 kB 9.60 kB +37 B (+0.4%) 0 B
/ui/hotkey 9.97 kB 9.99 kB +18 B (+0.2%) 0 B
/ui/live-button 9.74 kB 9.76 kB +18 B (+0.2%) 0 B
/ui/menu 20.06 kB 20.07 kB +12 B (+0.1%) 0 B
/ui/mute-button 11.28 kB 11.28 kB -1 B (-0.0%) 0 B
/ui/pip-button 11.22 kB 11.23 kB +6 B (+0.1%) 0 B
/ui/play-button 11.23 kB 11.22 kB -8 B (-0.1%) 0 B
/ui/playback-rate-button 11.32 kB 11.33 kB +8 B (+0.1%) 0 B
/ui/playback-rate-radio-group 11.34 kB 11.36 kB +17 B (+0.1%) 0 B
/ui/poster 8.67 kB 8.69 kB +17 B (+0.2%) 0 B
/ui/quality-radio-group 11.94 kB 11.97 kB +25 B (+0.2%) 0 B
/ui/seek-button 11.27 kB 11.26 kB -12 B (-0.1%) 0 B
/ui/seek-indicator 12.69 kB 12.71 kB +12 B (+0.1%) 0 B
/ui/slider 12.12 kB 12.15 kB +36 B (+0.3%) 0 B
/ui/status-announcer 10.59 kB 10.60 kB +13 B (+0.1%) 0 B
/ui/status-indicator 13.03 kB 13.04 kB +13 B (+0.1%) 0 B
/ui/thumbnail 9.84 kB 9.84 kB +6 B (+0.1%) 0 B
/ui/time 10.87 kB 10.90 kB +28 B (+0.3%) 0 B
/ui/time-slider 15.04 kB 15.07 kB +30 B (+0.2%) 0 B
/ui/time-slider-chapter-title 8.79 kB 8.81 kB +23 B (+0.3%) 0 B
/ui/time-slider-chapters 9.76 kB 9.78 kB +28 B (+0.3%) 0 B
/ui/title 8.17 kB 8.18 kB +16 B (+0.2%) 0 B
/ui/volume-indicator 13.03 kB 13.04 kB +12 B (+0.1%) 0 B
/ui/volume-popover 14.72 kB 14.75 kB +27 B (+0.2%) 0 B
/ui/volume-slider 12.79 kB 12.79 kB +6 B (+0.0%) 0 B
/video (default) 62.05 kB 62.11 kB +55 B (+0.1%) 0 B
/video (default + hls) 200.93 kB 201.00 kB +73 B (+0.0%) 0 B
/video (minimal) 61.78 kB 61.88 kB +102 B (+0.2%) 0 B
/video (minimal + hls) 200.76 kB 200.91 kB +144 B (+0.1%) 0 B
/audio (default) 51.81 kB 51.83 kB +15 B (+0.0%) 0 B
/audio (minimal) 47.89 kB 47.95 kB +64 B (+0.1%) 0 B
/background 11.52 kB 11.54 kB +14 B (+0.1%) 0 B
Presets (7)
Entry Initial Lazy
/video (default) 62.11 kB 56.87 kB
/video (default + hls) 201.00 kB 56.87 kB
/video (minimal) 61.88 kB 56.87 kB
/video (minimal + hls) 200.91 kB 56.87 kB
/audio (default) 51.83 kB 56.87 kB
/audio (minimal) 47.95 kB 56.87 kB
/background 11.54 kB 56.87 kB
Media (18)
Entry Initial
/media/mux-video 142.40 kB
/media/mux-audio 142.23 kB
/media/background-video 1.16 kB
/media/cloudflare-video 6.28 kB
/media/dash-video 211.61 kB
/media/hls-audio 22.09 kB
/media/hls-background-video 16.80 kB
/media/hls-video 28.04 kB
/media/hlsjs-video 141.22 kB
/media/mux-background-video 16.83 kB
/media/native-hls-video 7.57 kB
/media/shaka-video 199.18 kB
/media/spotify-audio 6.27 kB
/media/tiktok-video 6.33 kB
/media/twitch-video 6.22 kB
/media/vimeo-video 13.05 kB
/media/wistia-video 60.23 kB
/media/youtube-video 6.81 kB
Extensions (2)
Entry Initial
/extensions/google-cast 6.52 kB
/extensions/mux-data 26.94 kB
Players (5)
Entry Initial Lazy
/video/player 9.71 kB 56.87 kB
/audio/player 6.16 kB 56.87 kB
/background/player 4.46 kB 56.87 kB
/live-video/player 9.07 kB 56.87 kB
/live-audio/player 6.16 kB 56.87 kB
Skins (29)
Entry Type Initial Lazy
/video/minimal-skin.css css 6.64 kB
/video/skin.css css 6.46 kB
/video/minimal-skin js 60.28 kB 56.87 kB
/video/minimal-skin2 js 7.19 kB
/video/skin js 60.50 kB 56.87 kB
/video/skin2 js 7.06 kB
/audio/minimal-skin.css css 4.96 kB
/audio/skin.css css 4.89 kB
/audio/minimal-skin js 46.39 kB 56.87 kB
/audio/minimal-skin2 js 5.36 kB
/audio/skin js 50.36 kB 56.87 kB
/audio/skin2 js 5.33 kB
/background/skin.css css 145 B
/background/skin js 9.78 kB 56.87 kB
/background/skin2 js 190 B
/live-video/minimal-skin.css css 6.64 kB
/live-video/skin.css css 6.46 kB
/live-video/minimal-skin js 54.53 kB 56.87 kB
/live-video/minimal-skin2 js 7.19 kB
/live-video/skin js 57.02 kB 56.87 kB
/live-video/skin2 js 7.06 kB
/live-audio/minimal-skin.css css 4.96 kB
/live-audio/skin.css css 4.89 kB
/live-audio/minimal-skin js 39.79 kB 56.87 kB
/live-audio/minimal-skin2 js 5.36 kB
/live-audio/skin js 43.39 kB 56.87 kB
/live-audio/skin2 js 5.33 kB
/global.css css 190 B
/shared.css css 118 B
UI Components (50)
Entry Initial Lazy
/ui/airplay-button 11.29 kB 56.87 kB
/ui/alert-dialog 9.44 kB 56.87 kB
/ui/audio-track-radio-group 11.37 kB 56.87 kB
/ui/buffering-indicator 8.62 kB 56.87 kB
/ui/captions-button 11.52 kB 56.87 kB
/ui/captions-radio-group 11.45 kB 56.87 kB
/ui/cast-button 11.25 kB 56.87 kB
/ui/container 9.50 kB 56.87 kB
/ui/controls 8.83 kB 56.87 kB
/ui/controls-backdrop 1.69 kB 56.87 kB
/ui/controls-content 1.67 kB 56.87 kB
/ui/dialog 9.35 kB 56.87 kB
/ui/dialog-backdrop 1.70 kB 56.87 kB
/ui/dialog-close 2.06 kB 56.87 kB
/ui/dialog-description 1.69 kB 56.87 kB
/ui/dialog-popup 1.90 kB 56.87 kB
/ui/dialog-title 1.70 kB 56.87 kB
/ui/error-dialog 13.03 kB 56.87 kB
/ui/fullscreen-button 11.27 kB 56.87 kB
/ui/gesture 9.60 kB 56.87 kB
/ui/hotkey 9.99 kB 56.87 kB
/ui/live-button 9.76 kB 56.87 kB
/ui/menu 20.07 kB 56.87 kB
/ui/mute-button 11.28 kB 56.87 kB
/ui/pip-button 11.23 kB 56.87 kB
/ui/play-button 11.22 kB 56.87 kB
/ui/playback-rate-button 11.33 kB 56.87 kB
/ui/playback-rate-radio-group 11.36 kB 56.87 kB
/ui/popover 8.56 kB 56.87 kB
/ui/poster 8.69 kB 56.87 kB
/ui/quality-radio-group 11.97 kB 56.87 kB
/ui/seek-button 11.26 kB 56.87 kB
/ui/seek-indicator 12.71 kB 56.87 kB
/ui/seek-indicator-value 1.10 kB
/ui/slider 12.15 kB 56.87 kB
/ui/status-announcer 10.60 kB 56.87 kB
/ui/status-indicator 13.04 kB 56.87 kB
/ui/status-indicator-value 1.10 kB
/ui/thumbnail 9.84 kB 56.87 kB
/ui/time 10.90 kB 56.87 kB
/ui/time-slider 15.07 kB 56.87 kB
/ui/time-slider-chapter-title 8.81 kB 56.87 kB
/ui/time-slider-chapters 9.78 kB 56.87 kB
/ui/title 8.18 kB 56.87 kB
/ui/tooltip 9.95 kB 56.87 kB
/ui/volume-indicator 13.04 kB 56.87 kB
/ui/volume-indicator-fill 1.11 kB
/ui/volume-indicator-value 1.10 kB
/ui/volume-popover 14.75 kB 56.87 kB
/ui/volume-slider 12.79 kB 56.87 kB
⚛️ @videojs/react — 69 small size changes
Path Base initial PR initial Initial diff Lazy diff
/video/minimal-skin.css 6.52 kB 6.53 kB +12 B (+0.2%)
/video/skin.css 6.35 kB 6.35 kB -1 B (-0.0%)
/video/minimal-skin 48.18 kB 48.27 kB +88 B (+0.2%) 0 B
/video/minimal-skin.tailwind 55.09 kB 55.16 kB +73 B (+0.1%) 0 B
/video/player 7.56 kB 7.57 kB +18 B (+0.2%) 0 B
/video/skin 48.16 kB 48.19 kB +27 B (+0.1%) 0 B
/video/skin.tailwind 54.92 kB 54.93 kB +13 B (+0.0%) 0 B
/audio/minimal-skin.css 4.81 kB 4.83 kB +15 B (+0.3%)
/audio/skin.css 4.74 kB 4.75 kB +9 B (+0.2%)
/audio/minimal-skin 37.54 kB 37.53 kB -12 B (-0.0%) 0 B
/audio/minimal-skin.tailwind 42.61 kB 42.69 kB +86 B (+0.2%) 0 B
/audio/player 4.00 kB 4.01 kB +10 B (+0.2%) 0 B
/audio/skin 37.43 kB 37.45 kB +17 B (+0.0%) 0 B
/audio/skin.tailwind 42.56 kB 42.62 kB +56 B (+0.1%) 0 B
/live-video/minimal-skin.css 6.52 kB 6.53 kB +12 B (+0.2%)
/live-video/skin.css 6.35 kB 6.35 kB -1 B (-0.0%)
/live-video/minimal-skin 40.35 kB 40.40 kB +53 B (+0.1%) 0 B
/live-video/minimal-skin.tailwind 47.09 kB 47.07 kB -29 B (-0.1%) 0 B
/live-video/player 6.96 kB 6.97 kB +17 B (+0.2%) 0 B
/live-video/skin 40.39 kB 40.43 kB +36 B (+0.1%) 0 B
/live-video/skin.tailwind 47.03 kB 47.10 kB +66 B (+0.1%) 0 B
/live-audio/minimal-skin.css 4.81 kB 4.83 kB +15 B (+0.3%)
/live-audio/skin.css 4.74 kB 4.75 kB +9 B (+0.2%)
/live-audio/minimal-skin 29.29 kB 29.34 kB +51 B (+0.2%) 0 B
/live-audio/minimal-skin.tailwind 33.28 kB 33.30 kB +19 B (+0.1%) 0 B
/live-audio/player 3.99 kB 4.01 kB +15 B (+0.4%) 0 B
/live-audio/skin 29.30 kB 29.34 kB +46 B (+0.2%) 0 B
/live-audio/skin.tailwind 33.37 kB 33.45 kB +81 B (+0.2%) 0 B
/ui/airplay-button 10.41 kB 10.42 kB +11 B (+0.1%) 0 B
/ui/audio-track 7.93 kB 7.95 kB +23 B (+0.3%) 0 B
/ui/audio-track-radio-group 9.10 kB 9.12 kB +21 B (+0.2%) 0 B
/ui/buffering-indicator 7.77 kB 7.78 kB +15 B (+0.2%) 0 B
/ui/captions-button 10.39 kB 10.41 kB +18 B (+0.2%) 0 B
/ui/captions-radio-group 9.21 kB 9.23 kB +14 B (+0.1%) 0 B
/ui/cast-button 10.39 kB 10.40 kB +13 B (+0.1%) 0 B
/ui/controls 7.55 kB 7.57 kB +14 B (+0.2%) 0 B
/ui/error-dialog 11.77 kB 11.78 kB +14 B (+0.1%) 0 B
/ui/fullscreen-button 10.36 kB 10.37 kB +14 B (+0.1%) 0 B
/ui/gesture 7.99 kB 8.01 kB +18 B (+0.2%) 0 B
/ui/hotkey 8.38 kB 8.39 kB +19 B (+0.2%) 0 B
/ui/live-button 8.76 kB 8.77 kB +17 B (+0.2%) 0 B
/ui/menu 18.90 kB 18.98 kB +85 B (+0.4%) 0 B
/ui/mute-button 10.40 kB 10.42 kB +18 B (+0.2%) 0 B
/ui/pip-button 10.35 kB 10.37 kB +12 B (+0.1%) 0 B
/ui/play-button 10.35 kB 10.36 kB +9 B (+0.1%) 0 B
/ui/playback-rate 7.99 kB 8.00 kB +9 B (+0.1%) 0 B
/ui/playback-rate-button 10.34 kB 10.35 kB +8 B (+0.1%) 0 B
/ui/playback-rate-radio-group 9.14 kB 9.16 kB +27 B (+0.3%) 0 B
/ui/poster 7.54 kB 7.55 kB +14 B (+0.2%) 0 B
/ui/quality 8.42 kB 8.43 kB +10 B (+0.1%) 0 B
/ui/quality-radio-group 9.59 kB 9.60 kB +10 B (+0.1%) 0 B
/ui/seek-button 10.37 kB 10.38 kB +19 B (+0.2%) 0 B
/ui/seek-indicator 11.95 kB 11.96 kB +8 B (+0.1%) 0 B
/ui/slider 12.73 kB 12.73 kB +7 B (+0.1%) 0 B
/ui/status-announcer 10.06 kB 10.07 kB +10 B (+0.1%) 0 B
/ui/status-indicator 12.26 kB 12.27 kB +17 B (+0.1%) 0 B
/ui/thumbnail 8.71 kB 8.72 kB +13 B (+0.1%) 0 B
/ui/time 9.74 kB 9.76 kB +19 B (+0.2%) 0 B
/ui/time-slider 14.15 kB 14.18 kB +31 B (+0.2%) 0 B
/ui/title 7.24 kB 7.26 kB +15 B (+0.2%) 0 B
/ui/volume-indicator 12.32 kB 12.34 kB +20 B (+0.2%) 0 B
/ui/volume-popover 14.17 kB 14.19 kB +12 B (+0.1%) 0 B
/ui/volume-slider 12.11 kB 12.15 kB +42 B (+0.3%) 0 B
/video (default) 48.32 kB 48.30 kB -27 B (-0.1%) 0 B
/video (default + hls) 186.33 kB 186.25 kB -83 B (-0.0%) 0 B
/video (minimal) 48.32 kB 48.30 kB -27 B (-0.1%) 0 B
/video (minimal + hls) 186.25 kB 186.24 kB -7 B (-0.0%) 0 B
/audio (default) 37.53 kB 37.54 kB +7 B (+0.0%) 0 B
/audio (minimal) 37.55 kB 37.66 kB +112 B (+0.3%) 0 B
Presets (7)
Entry Initial Lazy
/video (default) 48.30 kB 56.87 kB
/video (default + hls) 186.25 kB 56.87 kB
/video (minimal) 48.30 kB 56.87 kB
/video (minimal + hls) 186.24 kB 56.87 kB
/audio (default) 37.54 kB 56.87 kB
/audio (minimal) 37.66 kB 56.87 kB
/background 581 B 56.87 kB
Media (22)
Entry Initial
/media/mux-video/hls-js 140.61 kB
/media/mux-video/spf 27.39 kB
/media/mux-audio/hls-js 140.55 kB
/media/mux-audio/spf 21.32 kB
/media/background-video 402 B
/media/cloudflare-video 4.34 kB
/media/dash-video 210.29 kB
/media/hls-audio 20.33 kB
/media/hls-background-video 16.46 kB
/media/hls-video 26.34 kB
/media/hlsjs-video 139.44 kB
/media/mux-audio 140.56 kB
/media/mux-background-video 16.45 kB
/media/mux-video 140.54 kB
/media/native-hls-video 5.76 kB
/media/shaka-video 197.52 kB
/media/spotify-audio 4.22 kB
/media/tiktok-video 4.18 kB
/media/twitch-video 4.30 kB
/media/vimeo-video 11.19 kB
/media/wistia-video 60.05 kB
/media/youtube-video 4.86 kB
Extensions (2)
Entry Initial
/extensions/google-cast 5.34 kB
/extensions/mux-data 25.70 kB
Players (5)
Entry Initial Lazy
/video/player 7.57 kB 56.87 kB
/audio/player 4.01 kB 56.87 kB
/background/player 2.27 kB 56.87 kB
/live-video/player 6.97 kB 56.87 kB
/live-audio/player 4.01 kB 56.87 kB
Skins (26)
Entry Type Initial Lazy
/video/minimal-skin.css css 6.53 kB
/video/skin.css css 6.35 kB
/video/minimal-skin js 48.27 kB 56.87 kB
/video/minimal-skin.tailwind js 55.16 kB 56.87 kB
/video/skin js 48.19 kB 56.87 kB
/video/skin.tailwind js 54.93 kB 56.87 kB
/audio/minimal-skin.css css 4.83 kB
/audio/skin.css css 4.75 kB
/audio/minimal-skin js 37.53 kB 56.87 kB
/audio/minimal-skin.tailwind js 42.69 kB 56.87 kB
/audio/skin js 37.45 kB 56.87 kB
/audio/skin.tailwind js 42.62 kB 56.87 kB
/background/skin.css css 90 B
/background/skin js 277 B
/live-video/minimal-skin.css css 6.53 kB
/live-video/skin.css css 6.35 kB
/live-video/minimal-skin js 40.40 kB 56.87 kB
/live-video/minimal-skin.tailwind js 47.07 kB 56.87 kB
/live-video/skin js 40.43 kB 56.87 kB
/live-video/skin.tailwind js 47.10 kB 56.87 kB
/live-audio/minimal-skin.css css 4.83 kB
/live-audio/skin.css css 4.75 kB
/live-audio/minimal-skin js 29.34 kB 56.87 kB
/live-audio/minimal-skin.tailwind js 33.30 kB 56.87 kB
/live-audio/skin js 29.34 kB 56.87 kB
/live-audio/skin.tailwind js 33.45 kB 56.87 kB
UI Components (39)
Entry Initial Lazy
/ui/airplay-button 10.42 kB 56.87 kB
/ui/alert-dialog 4.71 kB 56.87 kB
/ui/audio-track 7.95 kB 56.87 kB
/ui/audio-track-radio-group 9.12 kB 56.87 kB
/ui/buffering-indicator 7.78 kB 56.87 kB
/ui/captions-button 10.41 kB 56.87 kB
/ui/captions-radio-group 9.23 kB 56.87 kB
/ui/cast-button 10.40 kB 56.87 kB
/ui/controls 7.57 kB 56.87 kB
/ui/dialog 4.73 kB 56.87 kB
/ui/error-dialog 11.78 kB 56.87 kB
/ui/fullscreen-button 10.37 kB 56.87 kB
/ui/gesture 8.01 kB 56.87 kB
/ui/hotkey 8.39 kB 56.87 kB
/ui/live-button 8.77 kB 56.87 kB
/ui/menu 18.98 kB 56.87 kB
/ui/mute-button 10.42 kB 56.87 kB
/ui/pip-button 10.37 kB 56.87 kB
/ui/play-button 10.36 kB 56.87 kB
/ui/playback-rate 8.00 kB 56.87 kB
/ui/playback-rate-button 10.35 kB 56.87 kB
/ui/playback-rate-radio-group 9.16 kB 56.87 kB
/ui/popover 8.13 kB 56.87 kB
/ui/poster 7.55 kB 56.87 kB
/ui/quality 8.43 kB 56.87 kB
/ui/quality-radio-group 9.60 kB 56.87 kB
/ui/seek-button 10.38 kB 56.87 kB
/ui/seek-indicator 11.96 kB 56.87 kB
/ui/slider 12.73 kB 56.87 kB
/ui/status-announcer 10.07 kB 56.87 kB
/ui/status-indicator 12.27 kB 56.87 kB
/ui/thumbnail 8.72 kB 56.87 kB
/ui/time 9.76 kB 56.87 kB
/ui/time-slider 14.18 kB 56.87 kB
/ui/title 7.26 kB 56.87 kB
/ui/tooltip 8.90 kB 56.87 kB
/ui/volume-indicator 12.34 kB 56.87 kB
/ui/volume-popover 14.19 kB 56.87 kB
/ui/volume-slider 12.15 kB 56.87 kB
🧩 @videojs/core — 1 small size change
Path Base initial PR initial Initial diff Lazy diff
/dom 22.42 kB 22.46 kB +40 B (+0.2%) 0 B
Entries (76)
Entry Initial Lazy
. 13.02 kB
/dom 22.46 kB 56.87 kB
/vjsc 1.74 kB
/i18n 3.23 kB 56.87 kB
/i18n/locales/all 34.97 kB
/i18n/locales/ar 1.22 kB
/i18n/locales/az 1.09 kB
/i18n/locales/bg 1.29 kB
/i18n/locales/bn 1.23 kB
/i18n/locales/bs 1.00 kB
/i18n/locales/ca 1.07 kB
/i18n/locales/cs 1.07 kB
/i18n/locales/cy 1.02 kB
/i18n/locales/da 1006 B
/i18n/locales/de 1.09 kB
/i18n/locales/el 1.49 kB
/i18n/locales/en 785 B
/i18n/locales/es 1018 B
/i18n/locales/et 1.05 kB
/i18n/locales/eu 1.03 kB
/i18n/locales/fa 1.22 kB
/i18n/locales/fi 1.04 kB
/i18n/locales/fr 1.07 kB
/i18n/locales/gd 1.10 kB
/i18n/locales/gl 1022 B
/i18n/locales/he 1.14 kB
/i18n/locales/hi 1.30 kB
/i18n/locales/hr 1.02 kB
/i18n/locales/hu 1.10 kB
/i18n/locales/id 919 B
/i18n/locales/it 1.01 kB
/i18n/locales/ja 1.18 kB
/i18n/locales/ko 1.14 kB
/i18n/locales/lt 1.02 kB
/i18n/locales/lv 1.09 kB
/i18n/locales/mr 1.30 kB
/i18n/locales/nb 987 B
/i18n/locales/ne 1.29 kB
/i18n/locales/nl 1.00 kB
/i18n/locales/nn 987 B
/i18n/locales/oc 1.08 kB
/i18n/locales/pl 1.14 kB
/i18n/locales/pt 1.03 kB
/i18n/locales/pt-BR 1.03 kB
/i18n/locales/pt-PT 1.01 kB
/i18n/locales/ro 1.07 kB
/i18n/locales/ru 1.40 kB
/i18n/locales/sk 1.10 kB
/i18n/locales/sl 1.04 kB
/i18n/locales/sr 1.07 kB
/i18n/locales/sv 1.01 kB
/i18n/locales/te 1.32 kB
/i18n/locales/th 1.29 kB
/i18n/locales/tr 1.08 kB
/i18n/locales/uk 1.41 kB
/i18n/locales/vi 1.11 kB
/i18n/locales/zh 1.02 kB
/i18n/locales/zh-CN 1.02 kB
/i18n/locales/zh-TW 1.02 kB
/i18n/text/airplay 101 B
/i18n/text/buttons 137 B
/i18n/text/captions 93 B
/i18n/text/cast 114 B
/i18n/text/common 90 B
/i18n/text/container 75 B
/i18n/text/errors 285 B
/i18n/text/fullscreen 98 B
/i18n/text/live 126 B
/i18n/text/menu 249 B
/i18n/text/pip 101 B
/i18n/text/playback 80 B
/i18n/text/seek 105 B
/i18n/text/slider 65 B
/i18n/text/status 222 B
/i18n/text/time 280 B
/i18n/text/volume 133 B
🏷️ @videojs/element — no changes
Entries (2)
Entry Initial
. 1.05 kB
/context 943 B
📦 @videojs/store — no changes
Entries (3)
Entry Initial
. 1.72 kB
/html 703 B
/react 365 B
🔧 @videojs/utils — no changes
Entries (13)
Entry Initial
/array 271 B
/dom 5.02 kB
/events 320 B
/function 386 B
/i18n 249 B
/jwt 176 B
/object 535 B
/predicate 297 B
/percent 281 B
/string 239 B
/style 212 B
/time 976 B
/number 199 B

📦 @videojs/media

Path Base initial PR initial Initial diff Lazy diff
/dom/dash 209.83 kB 3.28 kB -206.54 kB (-98.4%)
/dom/wistia 60.09 kB 1.89 kB -58.20 kB (-96.9%)
Entries (23)
Entry Initial
. 1.07 kB
/dom 121 B
/dom/dash 3.28 kB
/dom/wistia 1.89 kB
/dom/audio-host 1.10 kB
/dom/cloudflare 3.69 kB
/dom/custom-media-element 2.13 kB
/dom/dash 209.83 kB
/dom/google-cast 4.06 kB
/dom/hls-js 139.16 kB
/dom/media-host 1.20 kB
/dom/media-played-ranges 576 B
/dom/mux 162.88 kB
/dom/native-hls 5.25 kB
/dom/shaka 197.02 kB
/dom/spotify 3.58 kB
/dom/tiktok 3.57 kB
/dom/twitch 3.62 kB
/dom/video-host 1.39 kB
/dom/vimeo 10.62 kB
/dom/wistia 60.09 kB
/dom/youtube 4.25 kB
/media-tracks 2.05 kB
📦 @videojs/spf — no changes
Entries (10)
Entry Initial
. 4.55 kB
/dom 6.60 kB
/hls 22.06 kB
/media-tracks 504 B
/hls-background-video 15.89 kB
/hls-audio 19.82 kB
/hls-video 25.85 kB
/mux-audio 20.76 kB
/mux-background-video 15.89 kB
/mux-video 26.67 kB

ℹ️ How to interpret

Each entry is independently bundled, minified, and brotli-compressed. Initial size includes its static import graph; lazy dynamic chunks are reported separately.

Entries are not additive because their dependency graphs overlap. Preset rows represent realistic combined bundles.

Changes of 300 B or less across initial, lazy, and total size are collapsed, not discarded.

Run pnpm size locally to check current initial sizes.

@mihar-22

mihar-22 commented Sep 3, 2026

Copy link
Copy Markdown
Member Author

Closing this stack because it was created from the wrong source PR. The requested split is for #2439.

@mihar-22 mihar-22 closed this Sep 3, 2026
@mihar-22
mihar-22 deleted the fix/slider-keyboard-core branch September 3, 2026 04:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants