DavidHDev/react-bits

[BUG]: backgrounds/dither

Closed this issue · 11 comments

Describe the issue

When scrolling the background flicker.

Reproduction Link

No response

Steps to reproduce

Just test to scroll while viewing the background, I feel like it's not usable because of that

Validations

  • I have checked other issues to see if my issue was already reported or addressed

@DavidHDev Hi, I noticed this issue and I’d be happy to help fix it.
Can you please assign it to me so I can start working on it?
Thanks!

I don't assign issues. If you're the first to open a valid PR, then that one will get priority for merge.

I don't assign issues. If you're the first to open a valid PR, then that one will get priority for merge.

ok thanks

Any idea on a fix for that ?

Hum maybe we could check what they've done here: https://www.shadcn.io/background/dither it's doesn't seem to have the same bug

@noeschmidt fyi that website is a fraud that copies all their background components from here

I will add a proper fix when I have time for it.

@DavidHDev Yes I saw that and he (Dov Azencot) doesn't even mention the sources...

@noeschmidt I've updated the Dither BG to a fixed DPR value, let me know how it feels on the website now

I personally don't notice any bothersome flicker while scrolling:

Screen.Recording.2025-09-15.at.16.50.09.mov

I do

CleanShot.2025-09-15.at.17.57.24.mp4

Well i'm sorry but that's barely noticeable, I do not consider this a blocker