How to disable the dragging and zoom mouse events, for a nested panel in the <leaflet> tag - which is a custom component

[twoheadedmona]

I noticed on popups and layer controls the zoom and drag property are disabled, so I was wondering if there is any way that I can apply those same functions to a nested sidenav component from some div container.

The sidenav and the leaflet directive reside in the same controller.
Can you please show me how to do it?

[elesdoar]

Please check documentation for mouse events, You maybe can use the preventDefault and stopProgation methods.

[twoheadedmona]

Do you mean the angulari ui-leaflet documentation for mouse events?

[elesdoar]

No, I'm referring to DOM events.

https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent

Or leaflet events utils
http://leafletjs.com/reference.html#events
http://leafletjs.com/reference.html#domevent