Skip to content

fix: Livechat visibility when foreced-theater mode is on #3843

Open
Jeetgajeraa wants to merge 3 commits into
code-charity:masterfrom
Jeetgajeraa:livechat-theater
Open

fix: Livechat visibility when foreced-theater mode is on #3843
Jeetgajeraa wants to merge 3 commits into
code-charity:masterfrom
Jeetgajeraa:livechat-theater

Conversation

@Jeetgajeraa
Copy link
Copy Markdown

Pull Request Description

issue #3842
Improve live chat visibility in YouTube theater mode, especially when forced_theater_mode is enabled.

What changed

  • Updated the live chat/sidebar CSS so the chat panel uses an adaptive height instead of a fixed offset.
  • Kept the solution CSS-only to avoid browser- or machine-specific JS behavior.
  • Scoped the change to sidebar.css so it applies consistently across video pages.

Testing

  • Manual verification in YouTube theater mode with forced_theater_mode enabled.
  • Confirmed the chat container uses the available viewport height instead of clipping below the player.

Copilot AI review requested due to automatic review settings May 9, 2026 05:29
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Addresses issue #3842 by adjusting sidebar/live chat layout so the chat is not obscured in theater mode when forced_theater_mode is enabled.

Changes:

  • Update live chat/sidebar CSS to use a viewport-based height in forced theater mode.
  • Ensure the live chat frame becomes vertically scrollable under the new sizing rules.
  • When disabling “increase/decrease speed buttons”, also remove the related “1x” speed button.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

File Description
js&css/web-accessible/core.js Removes the it-1x-speed-button when the speed button feature is disabled.
js&css/extension/www.youtube.com/appearance/sidebar/sidebar.css Adds forced-theater-mode live chat sizing/scroll rules intended to prevent chat clipping.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread js&css/extension/www.youtube.com/appearance/sidebar/sidebar.css Outdated
Comment on lines +195 to +201
html[it-forced-theater-mode='true'][data-page-type='video'] ytd-watch-flexy #secondary,
html[it-forced-theater-mode='true'][data-page-type='video'] ytd-watch-flexy #secondary-inner,
html[it-forced-theater-mode='true'][data-page-type='video'] ytd-watch-flexy #chat-container,
html[it-forced-theater-mode='true'][data-page-type='video'] ytd-watch-flexy ytd-live-chat-frame#chat {
/* Dynamic viewport height works better on mobile */
height: calc(100dvh - max(56px, 7vh)) !important;
max-height: calc(100dvh - max(56px, 7vh)) !important;
@Jeetgajeraa Jeetgajeraa changed the title Livechat visibility when foreced-theater mode is on fix: Livechat visibility when foreced-theater mode is on May 9, 2026
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
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