aaronpk / live-chat-overlay

Restyle the YouTube "popout chat" window so you can key it over a video to show comments on a livestream
https://chrome.google.com/webstore/detail/live-chat-overlay/aplaefbnohemkmngdogmbkpompjlijia
149 stars 61 forks source link

Scrollbar disappears #57

Closed lost-packet closed 7 months ago

lost-packet commented 7 months ago

Just tried this plugin, awesome work. Works at first butbthen chat seems to stop updating and scrollbar disappears.

lost-packet commented 7 months ago

Think ibwas doing it wrong

lost-packet commented 7 months ago

Doesn't seem to be me after all, scollbars disapper so can scroll down snd three dots to right are not show where uou can remove pepplenfrom chat. Windows 11 if that makes a difference

aaronpk commented 7 months ago

ok shoot I will take a look. I can't imagine what is going on here though!

aaronpk commented 7 months ago

It looks like the scrollbar is actually moving to scroll the little dropdown menu with the "report/block" buttons, but if you hit escape, it closes that out and restores the scrollbar to the main window

lost-packet commented 7 months ago

If i click on a message in the window it briefly shows the dropdown, then highlights green, at which point the scrollbar disappears. Clicking clear clears message on obs but still shows highlted green with no scrollbar.

Only thing i can do is f5 to refresh the page, then have same issue everytime i click on a message and have to press f5 again to get scrollbars back.

Hitting escape doesn't work for me

I hate windows 11 😀

aaronpk commented 7 months ago

does the "clear" button restore the scrollbar?

aaronpk commented 7 months ago

ok this is weird, it's not just you, it's not me, and it's not the extension. I just loaded up a livestream chat in safari where this extension isn't installed, and I'm seeing even worse behavior.

If I click on a message in safari, the dropdown menu doesn't appear, but the scrollbar does disappear. If I press escape the scrollbar re-appears.

lost-packet commented 7 months ago

If you right click the scrollbar and inspect it before clicking anything, you can see there's "overflow-y: hidden" crossed out, but when you click on a message and then inspect the scrollbar, the "overflow-y: hidden" is no longer crossed out and being applied:

item-scroller.yt-live-chat-item-list-renderer {

flex: 1;
flex-basis: 1e-9px;
overflow-x: hidden;
overflow-y: hidden;     <------ this line here, hidden becomes active on clicking, removing this property scrollbar comes back
padding-right: var(--scrollbar-width);
overflow-anchor: none;

}

aaronpk commented 7 months ago

That's youtube's own javascript doing that, not my code. It's looking like youtube made a change that's causing this. I'm trying to work around it now.

lost-packet commented 7 months ago

Temp work around unchecking thaf property makes usable until page refresh.

padding-right: var(--scrollbar-width); <--- and unchecking this

aaronpk commented 7 months ago

Ok cool, I tried adding that to the extension CSS, and it kind of worked. The scroll bar doesn't disappear anymore, and I can drag it, but I can't use the scroll gesture with the mouse anymore. I don't think that's a good solution to ship in the extension unfortunately.

lost-packet commented 7 months ago

also looses the ability to remove comments, the 3 dots dissappear, actually something weird, even though scroll bar appears can scrol down to new text

aaronpk commented 7 months ago

ok I think I fixed it, I'm going to push this out right now because it's definitely broken for everyone not just you.

This does hide the moderation menu completely, but I am okay with that. If you need to, keep the comments open in youtube studio and moderate them there.

aaronpk commented 7 months ago

Fixed in be44163fc7aa5201127e839a925bfbb431466240

Thank you for reporting this!

lost-packet commented 7 months ago

If you don't apply the green highlight to the highlighted comment does it make a difference?

aaronpk commented 7 months ago

no, that's unrelated