first the background should begin to fill blue, than the handle start moving.
when switching off its opposite.. first handle moves, than background.
thats why i tried animation, but for unknown reason it does not work at all on this webcomponent?
also the border-radius property slows the animation on track down that it looks like instant switch.
and it should be scale (0,1) -> scale(1,1) to be closer to the visual spec if using the transition like its now.
the animation is not according to the visual specs. https://mozilla.app.box.com/s/44utizl9oz4eupyu3fuu/1/2230693337/19234832947/1
first the background should begin to fill blue, than the handle start moving. when switching off its opposite.. first handle moves, than background. thats why i tried animation, but for unknown reason it does not work at all on this webcomponent?
also the border-radius property slows the animation on track down that it looks like instant switch. and it should be scale (0,1) -> scale(1,1) to be closer to the visual spec if using the transition like its now.
i tried fixing it myself but i have no idea.