Multiple sliders trigger the same drag event

Is there a way to decouple the events between two sliders when they are position one above the other?

Currently, triggering a drag event on the top slider also triggers it on the one right below it.

FYI, the top slider is nested within the one below by implementation, but it's rendered at the bottom of the document physically.