cylc-ui
cylc-ui copied to clipboard
task: progress animation resets on tab change
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?