If you have two tabs stacked one on top of the other, the task progress animation will reset when switching tabs.
Apparently, hiding elements causes CSS animations to be reset when the element is made visible again.
One way to deal with this would be to somehow capture the "tab brought to the foreground" event as a reactive property in the SVGTask component, convert the getRunningStyle method to a computed property and use this new property in it to ensure it is re-computed when the tab is made visible again?
If you have two tabs stacked one on top of the other, the task progress animation will reset when switching tabs.
Apparently, hiding elements causes CSS animations to be reset when the element is made visible again.
One way to deal with this would be to somehow capture the "tab brought to the foreground" event as a reactive property in the
SVGTaskcomponent, convert thegetRunningStylemethod to a computed property and use this new property in it to ensure it is re-computed when the tab is made visible again?