Передача события касания на нижний элемент

Question

У меня есть большая карта kartograph (svg), которую пользователи перетаскивают для доступа к нескольким точкам касания. Эти точки касания находятся внутри / под сгенерированной картой.

Единственная платформа, в которой это проблема, - это Win10, chrome/ff, сенсорный экран.

Решение, которое я нашел, работает, чтобы отключить сенсорный в каждом браузере - FF: dom.w3c_touch_events, Chrome: Touch Events API. Но это не вариант, мне нужно иметь возможность обрабатывать программно.

Но поскольку пользователь должен иметь возможность перетаскивать карту, указатель-событий css находится вне таблицы, и предотвращение Default() на родительском элементе div не является решением.

Я также пытался передать событие касания в местоположение на карте, но это не работает из-за того, что пользователь перетаскивает карту, вызывая событие.

z-index также не является проблемой, о которой вы, возможно, думали изначально - показано ниже.

Как уже упоминалось выше, это проблема только на тачскрине win 8/10 машин в FF и Chrome.

#map-cont {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.location {
    position: absolute;
    z-index: 10
}

<section id="map-cont">
     <div class="location"></div>
     <div class="location"></div>
     <div class="location"></div>
</section>