3.5.1 Appears to have broken the slider

[richayles]

3.5.1 Appears to have broken the slider on one of our sites, specifically on mobile. Could you document what changes have been made - images below show the difference that is happening with the images on the site specifically when viewing on mobile

3.5.1

3.4.1

[jedrzejchalubek]

What error do you see in the console? Can you share your initiation script and website or reproduced sandbox?

[richayles]

Not seeing any console errors, but mobile definitely is not working.

const config = `{
                    "type": "slider",
                    "hoverpause": false,
                    "perView": 3,
                    "gap": 0,
                    "rewind": false,
                    "bound": true,
                    "breakpoints": {
                      "1100": {
                        "perView": "3",
                        "peek": {
                          "before": 0,
                          "after": -74
                        }
                      },
                      "500": {
                        "perView": "2",
                        "peek": {
                          "before": 0,
                          "after": -74
                        }
                      }
                    }}`;
new Glide(glide, JSON.parse(config))

half way down the page on the homepage https://pipersfarm.com/?preview_theme_id=120868864074

an additional class was added on that page to make it appear better, before reverting back

.glide img {
    width: auto !important;
}

Reverted back to the version 3.4.1 on the live site now - https://pipersfarm.com/

[jedrzejchalubek]

Links are down. Don't have much information to help you 😢

[iammati]

Might be the issue mentioned in v3.5.2 release (about the dist directory not being used on NPM after its installation)? https://github.com/glidejs/glide/releases/tag/v3.5.2

[richayles]

Have just had another issue on a separate live site - which has been upgraded to 3.5.2 - seeing the below console errors - not sure if that helps

[seppegadeyne]

Hi, I have a similar issue. You can see the slider at https://strategus.vercel.app/ - on desktop it works; mobile is not working.

Source file of component (SvelteKit): https://www.dropbox.com/s/e7kvtnwawthxxjz/Slider.svelte?dl=0

[richayles]

not sure this is related to 3.5.1 looks to be an empty

element for me without slides 🤦

[seppegadeyne]

Hi, I have a similar issue. You can see the slider at https://strategus.vercel.app/ - on desktop it works; mobile is not working.

Source file of component (SvelteKit): https://www.dropbox.com/s/e7kvtnwawthxxjz/Slider.svelte?dl=0

I found a solution, give the parent node, the one wrapping <div class="glide"></div> a max-width style ... for example, <div style="max-width: 100%;"><div class="glide"> ... </div></div> ...

[coladarci]

When I performed this upgrade:

My slider also broke:

No JS errors, but it appears the "thing that calculates the widths" is getting the wrong answer; too much magic for me to understand how to help troubleshoot; I downgraded for now.. curious if anyone has any troubleshooting ideas..

[ivarzLV]

Same problem here after upgrading from 3.4.1 to 3.5.2 after which slide control items suddenly reduced its width and glide__slides <ul> element has added incorrect width.

Downgraded back to the version 3.4.1.