Как удалить событие Pan Zoom в элементах, отличных от контейнера svg?

Question

Я использую библиотеку ANVAKA UNIVERSAL PANZOOM, масштабирование с помощью мыши или прокрутки, щелчок и перетаскивание отлично работают с моим SVG...

Но мой SVG занимает все тело и имеет элементы сверху этого тела с индексом больше, чем у контейнера svg, чтобы иметь возможность оставаться сверху.

Но мои контейнеры, кнопки, выпадающее меню при использовании событий перетаскивания или масштабирования при щелчке по ним меняют контейнер SVG...

Что я хочу и не могу сделать: я хотел бы, чтобы цитируемые элементы использовались так, чтобы не использовать события библиотеки panzoom, чтобы не перемещать SVG, а SVG будет перемещаться только при нажатии на его контейнер.

ВИДЕО ПРОБЛЕМЫ

<header role="main" id="header" class="fixed-top"></header>
<main role="main" id="svg-plant-container" class="zoomable container-fluid d-flex align-items-center justify-content-center h-100"></main>
<aside class="container-fluid fixed-bottom mb-5 pb-4"></aside>
<footer role="footer" class="navbar navbar-expand fixed-bottom al-bg-dark-grey pb-0"></footer>

const PAN_ZOOM = panzoom(this.elementID, {
  onTouch: (e) => {
    return false;
  }
});