Progress Bar Component Set With indeterminate Attribute Is Not Animated In Mobile Safari

[Zozman]

Describe the bug

In the latest versions of Mobile Safari, the indeterminate version of sl-progress-bar is not animated.

To Reproduce

Steps to reproduce the behavior:

1. Create a <sl-progress-bar> with the indeterminate attribute.
2. View the component on an iOS device using Mobile Safari.

Demo

The issue can be observed by viewing the component's documentation at https://shoelace.style/components/progress-bar?id=indeterminate in Mobile Safari on an iOS device.

Video

RPReplay_Final1661926769.mov

Browser / OS

• OS: iOS 15.6.1
• Browser: Mobile Safari

[claviska]

Thanks for posting this! It looks like Safari doesn't want to animate inset-inline-start. I've reverted the animation to use non-logical properties, but the opposite animation for RTL.