New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Flex direction row-reverse not working? #153

Open

alvarotrigo opened this issue Dec 18, 2020 · 1 comment

alvarotrigo commented Dec 18, 2020

As long as I add the row-reverse property the slider stops working:

.swipe-wrap{
    display: flex;
    flex-direction: row-reverse;
}

Reproduction online:
https://jsfiddle.net/1t8b5746/2/

Not quite sure if there's a solution for it?
My use case is the following:

The elements on the mobile view should be displayed in a different order as in the desktop view.
I'm using swiper for the mobile view.

Owner

lyfeyaj commented Jan 3, 2021

display: flex; is not working with swipe.js. To achieve this, you can try to render swipeable elements in reversed order when on the mobile view.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment