Mapa Leaflet no me deja hacer ningún movimiento

Hola,

Alguien podria ayudarme con una duda que tengo sobre Leaflet un plugin similar a google maps, mi problema es que cuando pongo en cierta parte de la página el plugin y doy scroll y llego al mapa este hace zoom y no me permite realizar ningún otro movimiento al menos que suba con la barra de scroll mi problema mas grande es cuando estoy en movil ya no puedo realizar ningún otro movimiento y tengo que actualizar la pagina alguien podria ayudarme con este problema este es mi codigo.

html
<section class="mapa" id="mapa">
</section>

css
.mapa{
height: 460px;
z-index: 0;
}
js
(function () {
"use strict";
document.addEventListener('DOMContentLoaded', function(){
var map = L.map('mapa').setView([], 16);

L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
}).addTo(map);

L.marker([]).addTo(map)
.bindPopup()
.openPopup();
});
})();
Omito las coordenadas del código javascript por seguridad todo funciona, me muestra el mapa y todo pero el único problema es el zoom .

Muchas gracias