Sumario
Este problema conocido ha sido traducido automáticamente del inglés.
Se produce un comportamiento inesperado cuando se utiliza vtex.slider-layout, si estos dos props se establecen juntos:
- infinite: true
- navigationStep: 1
En este caso, cuando el deslizador se desplaza usando la flecha derecha, muestra la siguiente tarjeta, de una en una, como era de esperar debido al parámetro navigationStep=1. Pero cuando llega a la última tarjeta, muestra la primera, y después la segunda pasa a ser la primera de la lista, y va hacia atrás y hacia delante al pulsar la flecha derecha.
El comportamiento esperado sería hacer retroceder el deslizador hasta la primera tarjeta cuando llega a la última, y comenzar el paso uno a uno de nuevo.
Simulación
Cree un diseño deslizante utilizando los dos valores prop mencionados anteriormente y compruebe su comportamiento en el sitio web.
Workaround
Evite utilizar ambas propiedades con esos valores específicos juntos.
Si el comportamiento esperado es finalmente necesario para la página, es posible crear un componente personalizado para lograr este resultado.