Allow for position: relative; left: ...px-style transitions

[sheldonbaker]

The Move component currently hard-codes using transform: translateX to position the track element. It would be nice to be able to override that to simply use position: relative and left: ...px for moving the slides.

Using a custom Transition component doesn't fully work, as a couple of other components still make calls to Move.translate outside of the Transition component.

This would be a useful feature for my use case, which demands that the child elements of some slides occasionally "break out" of their parent slide via position: fixed. Unfortunately, a transform: translateX(...) property on the track element breaks this requirement, as the slide child elements I wish to position relative to the viewport are now instead constrained to the Splide track element.

From the W3C spec:

For elements whose layout is governed by the CSS box model, any value other than none for the transform also causes the element to become a containing block, and the object acts as a containing block for fixed positioned descendants.

Could a (responsive?) option be added that Move.translate would consider before styling the track element?

[NaotoshiFujita]

Becasue of some reasons, I will never add a such option. One of the biggest reason is performance. Changing position causes redraw on the layout layer, and changing transform does on composit layer. Redrawing the layout layer is much much much worse and it will make jitter transition animations.
https://web.dev/rendering-performance/

If you want to change it, fork the repo and rewirte the transform toleft.
https://github.com/Splidejs/splide/blob/master/src/js/components/Move/Move.ts#L128
https://github.com/Splidejs/splide/blob/master/src/js/transitions/Slide/Slide.ts#L58