search

cdig / svga

A framework for making interactive animations with SVG.
https://github.com/cdig/svga/wiki
MIT License
8 stars 2 forks source link

Safari is weird with animations that have a slider.... #127

Closed crystalrubik closed 8 years ago

crystalrubik commented 8 years ago

It seems there are some weird things that happen to the animations with the slider. I don't know if it's due to the slider or just having a control at all (as I only have used slider). All the other animations in the module are fine, the cylinders, the arrows, etc, without any controls.

Safari Version 9.1.2 (11601.7.7)

Here are some examples:

Cylinder extend color glitchy (cylinder streaking) cylinder-extend-in-safari Flow arrow streaks flow-arrow-streaks Slider streaks slider-streaks

crystalrubik commented 8 years ago

Update: The issues change with the browser width, and as a smaller width fixed those animations, it caused streaks on a pump in a looping schematic animation. Different widths seem to cause different problems...

ivanreese commented 8 years ago

This is due to Safari not properly clearing its buffers. Pretty much all graphical systems (Mac OS, Safari, Chrome, video games, Windows, Android, CSS, etc) will have this happen from time to time. Nothing we can do.