Image Slider Issue

Elements
21

@mmohdher @dan 100% related to right to left language. I added a slider to his project, and it behaves the same as in the video. Everything seems to be inverted including the logic :man_shrugging: Even the arrows are inverted.

22

I added a slider and re-uploaded the project. Images are not displayed in the browser.

23

@mmohdher Yes I know. There is an issue with the sliders logic if the language is right to left like yours. Realmac will need to fix this.

There are a few ternary conditionals that relate to right to left languages in slider.js that seem to be causing the issue:

next() {
            this.to(
                (current, offset) =>
                    current +
                    (this.isRTL ? -1 : 1) *
                        offset *
                        this.skip *
                        this.visibleSlides
            );
        },

Long story short, you can not fix it your end.

24

@Doobox Ah, I had forgotten about the absolute placement of a container. This gets it partially working but I am seeing lots of problems making this responsive across all breakpoints. There is a lot of overflow with my content. I’ll have to play with it more to see what is going on.

Thank you.

25

@handshaper You just need to reduce the size of your content with the breakpoint override dots as the device size gets smaller. In my simple example I only had one text to deal with, but the principle is the same.

2025-03-24 11.08.08 pm

After thought: Maybe you have not set the parent container that holds the absolutely positioned content overlay, and the slider to “relative”. Absolutely positioned elements almost always need the parent container to be position relative.

26

This looks like a bug, I’ll take a look asap and hopefully have a fix in the next beta :slight_smile: