I am unsure as to whether this is a Safari bug or a radix bug unfortunately. The only thing out of the ordinary that I noticed when looking through the devtools was that the thumb/range "left" and "right" values respectively that were calculated from the css "calc()" operation had substantially higher precision (13.00271038px on safari vs 13.003 on chrome/firefox). This is my only lead as to what might be causing the glitchy behavior.
Bug report
Current Behavior
(This is from a vm version of safari, but I have confirmed that this happens on actual browers powered by the safari engine as well)
https://github.com/radix-ui/primitives/assets/35980684/2e928f9c-d5d3-4c8c-9876-15f52dfff1e4
Expected behavior
This example is from chrome, the slider thumb and range components respectively smoothly animate from one position to the next.
https://github.com/radix-ui/primitives/assets/35980684/2fe6516d-2fa8-4888-9413-b1f993b42854
Reproducible example
CodeSandbox replication
Suggested solution
I am unsure as to whether this is a Safari bug or a radix bug unfortunately. The only thing out of the ordinary that I noticed when looking through the devtools was that the thumb/range "left" and "right" values respectively that were calculated from the css "calc()" operation had substantially higher precision (13.00271038px on safari vs 13.003 on chrome/firefox). This is my only lead as to what might be causing the glitchy behavior.
Your environment