Как поместить div над Leaflet, чтобы он не занимал всю ширину контейнера?
display: inline-block, чтобы не тянулся див, ну либо вообще в span обернуть вместо дива. либо как выше сказали pointer-events: none; , если не нужна реакция на элемент
pointer-events: none; и тогда вообще не важно какой ширины он будет.