Glitchy lines while hovering over the youtube video player

[Qyoube]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

While hovering over the video player of Youtube videos, there's this weird "glitchy lines" section at the bottom of the screen. It only happens while hovering over the video, but it takes up quite a bit of the entire player, making it kind of difficult to navigate forward or backwards through whatever is playing.

It can be fixed by "enabled on this domain" being set to off, however if you leave the website and return, the glitchy lines come back. So you have to re-enable the setting, and then turn it off again to get them to go away. This needs to be repeated for every time you visit the website in the future.

Steps to reproduce

1. Click on any video on Youtube.com
2. Hover over the video player.

Browser

Firefox, Other

Extension version

4.0.1

Anything else?

I'm currently using Librewolf on a Debian 12 PC, with a dedicated GPU and hardware acceleration turned on through the browser. Turning it off does nothing though.

[tarampampam]

Screencast.2024-05-15.20.56.35.mp4

Unfortunately, I'm not able to reproduce. Could you record a demo and (or) try to investigate the source of the problem?

FF 125.0.3 (64-bit), Linux Mint XFCE

[Qyoube]

2024-05-15-14-05-24_oFNbHwnS.mp4

Closed and re-opened it as well about halfway in the video to show how it'll happen once again after closing down the website and re-opening it.

[tarampampam]

I have reproduced the described behavior:

With enabled addon

With disabled

And now I have more questions:

• What is <div class="ytp-gradient-bottom" /> used for?
• Why does the enabled extension change the generated background base64 image?

I'm still researching the issue.