fix(skin): add missing classnames to tailwind menus

[sampotts]

Pretty self explanatory but we were missing a className in the default skins menu styles.

---

Note

Low Risk
Cosmetic Tailwind class composition only; no logic, auth, or data changes.

Overview
Default Tailwind menu popovers (menu.root and menu.settings) were built from popup.popover only, so they did not get the shared surface treatment (background, backdrop, borders, shadow) that other popovers use.

This wires surface into menuHostShell, so standalone and settings menus match the rest of the skin’s popover look.

^{Reviewed by Cursor Bugbot for commit eef8b10. Bugbot is set up for automated code reviews on this repo. Configure here.}

[netlify]

✅ Deploy Preview for vjs10-site ready!

Name	Link
🔨 Latest commit	eef8b10
🔍 Latest deploy log	https://app.netlify.com/projects/vjs10-site/deploys/6a34bfd309337e000817e758
😎 Deploy Preview	https://deploy-preview-1712--vjs10-site.netlify.app
📱 Preview on mobile	Toggle 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.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
v10-sandbox	Ready	Preview, Comment	Jun 19, 2026 4:04am

[github-actions]

📦 Bundle Size Report

🎨 @videojs/html — no changes

Presets (7)

Entry	Initial
/video (default)	44.32 kB
/video (default + hls)	183.79 kB
/video (minimal)	43.98 kB
/video (minimal + hls)	183.63 kB
/audio (default)	37.83 kB
/audio (minimal)	36.61 kB
/background	4.20 kB

Media (10)

Entry	Initial
/media/background-video	1.14 kB
/media/container	1.72 kB
/media/dash-video	242.78 kB
/media/hls-video	141.27 kB
/media/mux-audio	163.91 kB
/media/mux-video	163.68 kB
/media/native-hls-video	9.05 kB
/media/simple-hls-audio-only	16.99 kB
/media/simple-hls-video	18.83 kB
/media/vimeo-video	12.31 kB

Players (5)

Entry	Initial
/video/player	8.07 kB
/audio/player	5.38 kB
/background/player	3.92 kB
/live-video/player	7.64 kB
/live-audio/player	5.39 kB

Skins (30)

Entry	Type	Initial
/video/minimal-skin.css	css	5.45 kB
/video/skin.css	css	5.43 kB
/video/minimal-skin	js	44.01 kB
/video/minimal-skin.tailwind	js	44.58 kB
/video/skin	js	44.28 kB
/video/skin.tailwind	js	44.98 kB
/audio/minimal-skin.css	css	3.60 kB
/audio/skin.css	css	3.53 kB
/audio/minimal-skin	js	36.62 kB
/audio/minimal-skin.tailwind	js	37.04 kB
/audio/skin	js	37.80 kB
/audio/skin.tailwind	js	38.25 kB
/background/skin.css	css	133 B
/background/skin	js	1.14 kB
/live-video/minimal-skin.css	css	5.45 kB
/live-video/skin.css	css	5.43 kB
/live-video/minimal-skin	js	43.12 kB
/live-video/minimal-skin.tailwind	js	43.58 kB
/live-video/skin	js	43.08 kB
/live-video/skin.tailwind	js	43.58 kB
/live-audio/minimal-skin.css	css	3.60 kB
/live-audio/skin.css	css	3.53 kB
/live-audio/minimal-skin	js	29.73 kB
/live-audio/minimal-skin.tailwind	js	29.20 kB
/live-audio/skin	js	31.04 kB
/live-audio/skin.tailwind	js	30.66 kB
/global.css	css	176 B
/shared.css	css	88 B
/tailwind.css	css	228 B
/skin-element	js	1.44 kB

UI Components (38)

Entry	Initial
/ui/airplay-button	2.29 kB
/ui/alert-dialog	2.45 kB
/ui/alert-dialog-close	2.15 kB
/ui/alert-dialog-description	2.18 kB
/ui/alert-dialog-title	2.17 kB
/ui/buffering-indicator	2.24 kB
/ui/captions-button	2.37 kB
/ui/captions-radio-group	2.73 kB
/ui/cast-button	2.25 kB
/ui/compounds	2.85 kB
/ui/controls	2.58 kB
/ui/error-dialog	2.61 kB
/ui/fullscreen-button	2.29 kB
/ui/hotkey	2.31 kB
/ui/menu	2.63 kB
/ui/mute-button	2.27 kB
/ui/pip-button	2.28 kB
/ui/play-button	2.28 kB
/ui/playback-rate-button	2.36 kB
/ui/playback-rate-radio-group	2.78 kB
/ui/popover	2.64 kB
/ui/poster	2.14 kB
/ui/quality-radio-group	2.75 kB
/ui/seek-button	2.27 kB
/ui/seek-indicator	2.29 kB
/ui/seek-indicator-value	465 B
/ui/slider	2.62 kB
/ui/status-announcer	2.28 kB
/ui/status-indicator	2.36 kB
/ui/status-indicator-value	467 B
/ui/thumbnail	2.09 kB
/ui/time	2.60 kB
/ui/time-slider	2.64 kB
/ui/tooltip	2.59 kB
/ui/volume-indicator	2.36 kB
/ui/volume-indicator-fill	410 B
/ui/volume-indicator-value	426 B
/ui/volume-slider	2.64 kB

Sizes are marginal over the root entry point.

⚛️ @videojs/react — no changes

Presets (7)

Entry	Initial
/video (default)	36.83 kB
/video (default + hls)	175.18 kB
/video (minimal)	36.91 kB
/video (minimal + hls)	175.13 kB
/audio (default)	29.97 kB
/audio (minimal)	30.04 kB
/background	754 B

Media (9)

Entry	Initial
/media/background-video	575 B
/media/dash-video	241.23 kB
/media/hls-video	139.80 kB
/media/mux-audio	162.26 kB
/media/mux-video	162.26 kB
/media/native-hls-video	7.39 kB
/media/simple-hls-audio-only	15.44 kB
/media/simple-hls-video	17.18 kB
/media/vimeo-video	10.58 kB

Skins (27)

Entry	Type	Initial
/tailwind.css	css	228 B
/video/minimal-skin.css	css	5.37 kB
/video/skin.css	css	5.34 kB
/video/minimal-skin	js	36.81 kB
/video/minimal-skin.tailwind	js	42.58 kB
/video/skin	js	36.73 kB
/video/skin.tailwind	js	42.51 kB
/audio/minimal-skin.css	css	3.47 kB
/audio/skin.css	css	3.39 kB
/audio/minimal-skin	js	29.98 kB
/audio/minimal-skin.tailwind	js	31.76 kB
/audio/skin	js	29.91 kB
/audio/skin.tailwind	js	33.75 kB
/background/skin.css	css	90 B
/background/skin	js	272 B
/live-video/minimal-skin.css	css	5.37 kB
/live-video/skin.css	css	5.34 kB
/live-video/minimal-skin	js	32.56 kB
/live-video/minimal-skin.tailwind	js	38.22 kB
/live-video/skin	js	32.58 kB
/live-video/skin.tailwind	js	38.24 kB
/live-audio/minimal-skin.css	css	3.47 kB
/live-audio/skin.css	css	3.39 kB
/live-audio/minimal-skin	js	21.74 kB
/live-audio/minimal-skin.tailwind	js	24.64 kB
/live-audio/skin	js	21.78 kB
/live-audio/skin.tailwind	js	24.78 kB

UI Components (32)

Entry	Initial
/ui/airplay-button	2.23 kB
/ui/alert-dialog	2.20 kB
/ui/buffering-indicator	2.10 kB
/ui/captions-button	2.16 kB
/ui/captions-radio-group	2.09 kB
/ui/cast-button	2.19 kB
/ui/controls	2.05 kB
/ui/error-dialog	2.24 kB
/ui/fullscreen-button	2.26 kB
/ui/gesture	2.25 kB
/ui/hotkey	2.27 kB
/ui/live-button	2.12 kB
/ui/menu	2.43 kB
/ui/mute-button	2.24 kB
/ui/pip-button	2.26 kB
/ui/play-button	2.19 kB
/ui/playback-rate	2.06 kB
/ui/playback-rate-button	2.25 kB
/ui/popover	2.64 kB
/ui/poster	2.09 kB
/ui/quality	2.10 kB
/ui/seek-button	2.20 kB
/ui/seek-indicator	2.19 kB
/ui/slider	2.26 kB
/ui/status-announcer	2.11 kB
/ui/status-indicator	2.15 kB
/ui/thumbnail	2.00 kB
/ui/time	2.05 kB
/ui/time-slider	2.29 kB
/ui/tooltip	2.59 kB
/ui/volume-indicator	2.18 kB
/ui/volume-slider	2.30 kB

Sizes are marginal over the root entry point.

🧩 @videojs/core — no changes

Entries (14)

Entry	Initial
.	9.08 kB
/dom	17.02 kB
/dom/media/custom-media-element	2.09 kB
/dom/media/dash	236.88 kB
/dom/media/google-cast	4.04 kB
/dom/media/hls	135.63 kB
/dom/media/media-host	1.25 kB
/dom/media/media-played-ranges	576 B
/dom/media/mux	151.26 kB
/dom/media/native-hls	3.05 kB
/dom/media/simple-hls	16.56 kB
/dom/media/simple-hls-audio-only	14.75 kB
/dom/media/vimeo	9.86 kB
/media/predicate	573 B

🏷️ @videojs/element — no changes

Entries (2)

Entry	Initial
.	996 B
/context	943 B

📦 @videojs/store — no changes

Entries (3)

Entry	Initial
.	1.39 kB
/html	696 B
/react	360 B

🔧 @videojs/utils — no changes

Entries (10)

Entry	Initial
/array	104 B
/dom	2.26 kB
/events	319 B
/function	327 B
/object	275 B
/predicate	265 B
/string	231 B
/style	190 B
/time	478 B
/number	158 B

📦 @videojs/spf — no changes

Entries (4)

Entry	Initial
.	4.45 kB
/dom	6.33 kB
/hls	15.44 kB
/background-looping-video	12.95 kB

---

ℹ️ How to interpret

JS sizes are initial static graph totals (minified + brotli). Lazy dynamic chunks are shown separately when present.

Icon	Meaning
✅	No change
🔺	Increased ≤ 10%
🔴	Increased > 10%
🔽	Decreased
🆕	New (no baseline)

Run pnpm size locally to check current initial sizes.