Skip to content

Weird visual glitch in CSS animation of StatusLight components #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
isti115 opened this issue Dec 21, 2022 · 1 comment
Open

Weird visual glitch in CSS animation of StatusLight components #1

isti115 opened this issue Dec 21, 2022 · 1 comment
Labels
bug Something isn't working

Comments

@isti115
Copy link
Member

isti115 commented Dec 21, 2022 •
edited
Loading

Sometimes I encounter this weird extra blinking around StatusLight indicators:

weird-visual-glitch-PXL_20221221_195019855_1280x720.mp4

I had to use my phone to capture it, as it didn't even show up in OBS. 🤔
I'm not sure whether it appears in other browsers as well, but this happened in Firefox.

Edit: After disabling and re-enabling the StatusLight-keyframes-ripple-1106 animation in the style editor, the glitching behavior stops, so this might actually be a Firefox bug.
@isti115 isti115 added the bug Something isn't working label Dec 21, 2022
@isti115 isti115 transferred this issue from skybrush-io/live Dec 21, 2022
@ntamas
Copy link
Member

ntamas commented Dec 21, 2022

Most likely a Firefox bug as I have never seen it in the Electron build, which uses Chromium behind the scenes. Unfortunately it's quite hard to search for bugs related to a visual glitch like this in the Firefox issue tracker. I'll leave this open for the time being but most likely it's something that we cannot control.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@ntamas @isti115