Breakpoints apply to all sliders, not just the one specified

the breakpoint rules are applied to all sliders on the page, not just the one it’s a part of. e.g. glide1 should show 3 on desktop and 1 on mobile whilst glide2 should show 6 on desktop and 2 on mobile. However, on mobile they both show 2.

new Glide('#glide1', {
	type: 'carousel',
	perView: 3,
	breakpoints: {
		800: {
			perView: 1
		}
	}
}).mount();
new Glide('#glide2', {
	type: 'carousel',
	perView: 6,
	breakpoints: {
		800: {
			perView: 2
		}
	}
}).mount();

PS - I’m using Glide 3.0

[jedrzejchalubek]

Should be fixed with v3.0.2 release

[jedrzejchalubek]

@mattisherwood Thanks for detailed bug reports 👍. Addressed this issues with v3.0.3 release.

Ah thanks, the bug is fixed if I use glide.js (v3.0.2) on my dev site. The minified version breaks the sliders though with an Uncaught TypeError: “this.root.querySelector is not a function” at “Object.mount”. I’m aware that possibly could be an install issue though. Do your minified versions work ok?

Minified file for v3.0.3 should be working now. The configuration of the uglify in lib build script was striping too much and breaking.

ie’s debugger says “SCRIPT438: Object doesn’t support property or method ‘from’” and points to:

I’ve swapped Array.from to Array.prototype.slice.call so, now, glidejs should be compatible with IE11. Please, let me know if you test it out 😃

PS. I’m closing this issue for now. If you find any other problems feel free to open new topic 😃