Tabview Youtube

Make comments and lists into tabs for YouTube Videos

< Feedback on Tabview Youtube

Question/comment

§
Posted: 2022-11-08
  • The engagement panel has not been fixed.
  • The playlist does not appear when you first add a video to the queue, you need to add another video to make it appear.
    Also the banner on the playlist is covering the first video.
  • I think it would be more appropriate to use document.documentElement.lang to determine the language of the page.
§
Posted: 2022-11-09

Thanks for reporting. The bugs are now fixed.
Please update to v2.12.1

§
Posted: 2022-11-10

Thank you, here are some new questions/suggestions.

  • Please remove the border-radius of the engagement panel just like the chat frame.
  • The tooltip for the channel name is covered by the video, you may need to resize the window to reproduce the problem.
  • There is no need to use try...catch statement, as document.documentElement.lang will return an empty string when the html tag does not have a lang attribute.
    If you are still worried about errors, perhaps you can try using optional chaining.
  • The share property in langWords is no longer useful, you can remove it.
§
Posted: 2022-11-12

1. I don't prefer to touch the styling issues much, coz YouTube is always changing their design. You might implement CSS stylish tricks by yourself.

2. Thanks for reporting. This issue is now confirmed but the cause is complicated related to the layout css and the overall layout design. No any easy solution right now. This issue will not be fixed in the near feature.

3. Noted and updated. Besides, optional chaining would not be adopted until 2023/2024. Optional Chaining is a relative new feature which is not supported by the old browsers (like FireFox 57) - it is somehow a syntax sugar only.

4. Yes, but just keep it right now.



Today I release the v3.0.1 which is a significant version update. Please let me know if you find any bug / issue.

§
Posted: 2022-11-13
1. I don't prefer to touch the styling issues much, coz YouTube is always changing their design. You might implement CSS stylish tricks by yourself.

I still hope you can add it to the CSS to keep the interface consistent, if you just set the border-radius of the engagement panel to 0, I think it should last for a while.

3. Noted and updated. Besides, optional chaining would not be adopted until 2023/2024. Optional Chaining is a relative new feature which is not supported by the old browsers (like FireFox 57) - it is somehow a syntax sugar only.

You're right, just forget about this suggestion.

Today I release the v3.0.1 which is a significant version update. Please let me know if you find any bug / issue.

You may not feel it, but I think the new version is significantly slower.
For example, switching between tabs or layouts (including the miniplayer) is not as smooth as it was in the old version. There is also a lag when changing the font size quickly.
And all videos are now hidden when you click on the playlist banner.

§
Posted: 2022-11-14

You may not feel it, but I think the new version is significantly slower.
For example, switching between tabs or layouts (including the miniplayer) is not as smooth as it was in the old version. There is also a lag when changing the font size quickly.

I think it is due to the css change in v2.12.3.
I fixed the possible root cause. The comments are now showing as the speed before.
But I am not sure whether there are other issues causing this performance bug.

Please try update to v3.0.4. If the issue still happen, please downgrade to v2.12.2 or earlier version, to see the bug occur since which version.

And all videos are now hidden when you click on the playlist banner.

Noted and fixed in v3.0.4

§
Posted: 2022-11-15

This is a report on v3.1.3. The performance issues have been resolved. And here are two new bugs found.

  • The #show-hide-button element will always show the opposite of the actual state after you have redirected from a live stream to another live stream.
  • When adding a video to the queue from the home page and expanding the mini player, the comments do not load and the playlist tab does not appear. If the video being added to the queue is a live stream, the chat frame and tabs frame will be displayed at the same time.
    Note: You will need to refresh the home page once to reproduce this issue.
§
Posted: 2022-11-15

#show-hide-button display issue should have been fixed in v3.2.0

for the second issue, I cannot reproduce. Can you record a screen video for this?

§
Posted: 2022-11-16
#show-hide-button display issue should have been fixed in v3.2.0

Unfortunately, the bug has not been fixed. I will try to explain in more detail how to reproduce the above two bugs.

First bug:

  1. Open a live stream with a chat frame.
  2. Press the video tab.
  3. Find another live stream with a chat frame and click on it.
  4. The text in the #show-hide-button should now be Hide chat.

Second bug:

  1. Browse Youtube's home page in incognito mode.
  2. Refresh the page (press F5).
  3. Hover the mouse over any video and add it to the queue.
  4. Press expand in the miniplayer in the bottom right corner.
  5. You should now be able to see that the comments and playlists are not displayed.

Simply put, you need a Youtube that has never played any video before, then add the video to the queue.

Also, this size of video may affect the layout.

§
Posted: 2022-11-19

First bug and size of video bug cannot reproduce.

Second bug fixed in v3.5.1

§
Posted: 2022-11-19

The first bug is no longer reproducible in the new version, it seems to have been solved.

Also, this size of video may affect the layout.

Please reduce the window width slowly.
You should see a situation where you need to scroll the page to display the tabs before the YouTube interface becomes single column mode.

§
Posted: 2022-11-19

The first bug is no longer reproducible in the new version, it seems to have been solved.

Also, this size of video may affect the layout.

Please reduce the window width slowly.
You should see a situation where you need to scroll the page to display the tabs before the YouTube interface becomes single column mode.

Got it. I noticed this issue once before. I thought YouTube engineers fixed this bug.
This issue also happen even without the script.

Currently no plan to fix this.
Let's see few months later whether YouTube will fix this bug or not.

§
Posted: 2022-11-20
This issue also happen even without the script.

I hadn't realised this. Although I don't think YouTube will fix it, I do agree to ignore this issue.

Also I'm sorry but I have found a new problem.

When you are not logged in and click the watch later button on a thumbnail, it locks the scrolling function and brings up a window that is not visible when the script is enabled.

§
Posted: 2022-11-20
This issue also happen even without the script.

I hadn't realised this. Although I don't think YouTube will fix it, I do agree to ignore this issue.

Also I'm sorry but I have found a new problem.

When you are not logged in and click the watch later button on a thumbnail, it locks the scrolling function and brings up a window that is not visible when the script is enabled.

the position and size of popup is fixed in v3.6.13
However, it seems like the YouTube has wrong design for this popup. It cannot be dismissed.
The scrolling is also locked by YouTube intended UX design.

Remarks: Native YouTube put it on the top left corner. I guess this position is wrong due to the recent YouTube Layout Design change.
Now Tabview Youtube just put it into the center of the screen.

§
Posted: 2022-11-24

Sorry for the late reply.

the position and size of popup is fixed in v3.6.13

I'm experiencing a problem where I have to click the watch later button on several videos before the prompt appears.
Refreshing the page of a live stream first and then clicking the watch later button has a better chance of reproducing the problem.

However, it seems like the YouTube has wrong design for this popup. It cannot be dismissed.

It just wants to force you to log in to YouTube, you can cancel it by pressing the Esc key.

CSS feature to display the "ellipsised" subscriber count (by hovering the #upload-info)

Could you please add a toggle to this feature as it occasionally works unexpectedly, and I think using the title attribute to show the full number of subscribers is sufficient.

Also, I can't find the following element on YouTube, what is the purpose of the CSS in question and has it been deprecated.

yt-formatted-string.ytd-transcript-segment-renderer > span {
    --tabview-transcript-segment-span-display: 'invalid' !important;
}
§
Posted: 2022-11-24

Sorry for the late reply.

the position and size of popup is fixed in v3.6.13

I'm experiencing a problem where I have to click the watch later button on several videos before the prompt appears.
Refreshing the page of a live stream first and then clicking the watch later button has a better chance of reproducing the problem.

However, it seems like the YouTube has wrong design for this popup. It cannot be dismissed.

It just wants to force you to log in to YouTube, you can cancel it by pressing the Esc key.

CSS feature to display the "ellipsised" subscriber count (by hovering the #upload-info)

Could you please add a toggle to this feature as it occasionally works unexpectedly, and I think using the title attribute to show the full number of subscribers is sufficient.

Also, I can't find the following element on YouTube, what is the purpose of the CSS in question and has it been deprecated.

yt-formatted-string.ytd-transcript-segment-renderer > span {
    --tabview-transcript-segment-span-display: 'invalid' !important;
}

1. What is the problem you are facing now? I cannot reproduce it.

H32eYQV.md.png

The popup is always at the center, and it will disappear after adding another video to watch later.
I don't know what is the expected result for this "testing". I don't think YouTube engineers pay much attention to visitors' watch later videos.

You really need to use watch later without logining in? Why? seems weird.






2. Yes. It is glitchy for my using experience also. I think Chromium Engine is having bugs for that CSS rule (:has(:hover)). Firefox disables this :has(...) by default.
I will change it to JS coding instead.


3. To maintain maximum compatibility of this userscript, I made some "weird" CSS to allow overriding CSS.
There are bugs in YouTube that the transcript subtitles could break the browser or making it very lagging.
One optimization in this Tabview Youtube is combining two single lines into one line of transcript.

Example:
https://www.youtube.com/watch?v=Ud73fm4Uoq0

Here is the difference.

Default:
H33dEXf.md.png

Invaliding the custom property --tabview-transcript-segment-span-display:

H33dVql.md.png

§
Posted: 2022-11-25
What is the problem you are facing now? I cannot reproduce it.

When I first pressed the watch later button, the pop-up window might not show up. Never mind, I don't want to go deeper on this issue.
By the way, the pop-up window on the home page is still displayed in the upper right corner.

You really need to use watch later without logining in? Why? seems weird.

Of course not, I just hope that this script can cope with different situations to make it more perfect.

I will change it to JS coding instead.

Would you change its design again? Squeezing elements out of the interface makes me feel weird.
I think you could fix the 3-dot button on the right and hide the buttons on the left one by one when displaying channel information.

Also, since the full number of subscribers is displayed on hover, is it necessary to use the title attribute to display the same information?

Example:
https://www.youtube.com/watch?v=Ud73fm4Uoq0

Here is the difference.

Thanks for the explanation, the video I found for testing didn't have this problem so I didn't notice it at all.

Post reply

Sign in to post a reply.