How to disable the outer slider's swiping when users are swiping an inner slider?

[ianthedev]

My inner sliders are image galleries.

I tried the following method and had no luck.

outerSlider.root.addEventListener('touchstart', evt =>
{
	if (evt.target.matches('img'))
	{
		outerSlider.Components.Drag.disable(true);
	}
});

outerSlider.root.addEventListener('touchend', evt =>
{
	if (evt.target.matches('img'))
	{
		outerSlider.Components.Drag.disable(false);
	}
});

I tried commenting out the code block of touchend and then the code block of touchstart worked (the outer slider's swiping disabled) after the first swipe is performed. It seems to me that when users are touching the screen, the drag functionality cannot be altered no matter what.

Kindly advise. Thanks.

[ianthedev]

I found the answer in this thread.