Clicking or dragging on a Control Panel over the map propagates the event to the map

[enelesmai]

I implemented a Slider Element inside a Control Panel over the map, the issue I have with this is that when I click or drag the slider, this event is being propagated also to the map. And the map moves at the same time I'm changing the slider position.

How could I prevent this from happening?
I already tried using stopPropagation in the onChange event of the slider but it keeps moving the map.
I'm attaching a short video for reference.

[Pessimistress]

You should render the panel outside of the map component, see example