glidejs
Select click trigger a move of slider v3.4.1
If you have a selection inside the slide and try to select a value slide's trigger move event for the carousel.
Code example https://codepen.io/sinfulcapacity/pen/GRpraPr
Have also discovered if you mount glideJs and it is empty then the browser crashes.
I've noticed this too. If you long press on the select field the issue doesn't occur for some reason though. Looking at the fired events it looks like they are the same for those two scenarios though.
On mobile it doesn't happen either (or with Firefox's touch simulation).
This also happens when I try to right-click a slide to inspect it in Firefox.
It also happens on Chrome if I right click one slide and then click on another slide to dismiss the context menu, it transitions to that slide.
It appears Glide assumes mouse travel as drag/move indicator and right-clicking and having a context menu open and then closing it triggers a transition to the next/previous slide, depending on where the mouse cursor is when the context menu disappears.
the working fix I just wrote for this was to set an onmousedown on each select w/ code like:
window.myNamespace ??= {};
window.myNamespace.blockGlide = true;
setTimeout( () => {
window.myNamespace.blockGlide = false; //this only needs to be set for like 20ms, but i wanted headroom
}, 200);
then in my glide code:
myGlideInstance.on('run.before', ( move )=>{
if(window?.myNamespace?.blockGlide){
move.direction = "="; // direction here at runtime was ">" and steps is 0 in my code FWIW
} else {
//the code that was previously running on run.before
}
})
