Avatar missing blur filter - Make filter ids unique to avatar instances - Githubissues

boringdesigners / boring-avatars

Boring avatars is an open source React library that generates custom, SVG-based avatars from any username and color palette.

https://boringavatars.com

MIT License

5.65k stars 198 forks source link

Avatar missing blur filter - Make filter ids unique to avatar instances #51

Closed rico157 closed 2 years ago

rico157 commented 2 years ago

Describe the bug

Marble avatars lose the fegaussianblur filter on Safari

To Reproduce Steps to reproduce the behavior:

Render a list of avatars with some logic to change a state and trigger a render
Trigger the render multiple times

Expected behavior Avatar keeps the fegaussianblur filter

Screenshots

Desktop (please complete the following information):

OS: MacOS
Browser: Safari
Version: 1.6.3

Smartphone (please complete the following information):

Device: iPhone 12 mini
OS: iOS 15.5
Browser: Safari

Additional context A similar change made in Make mask ids unique to avatar instances but to the prefix__filter0_f ID solved the problem

github-actions[bot] commented 2 years ago

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.