JSFiddle - React, Tailwind, and code Playground

HTML

<div style="height: 2000px; width: 400px; margin: 0 auto;" id="map-wrap">
            <iframe style="pointer-events: none;" src="https://yandex.ru/map-widget/v1/?um=constructor%3Ac94e45d7f53bf7d35e1ae3e4946b0966305666753488de23effbc47e7d2d337f&amp;lang=ru_RU&amp;scroll=false&amp;source=constructor" width="100%" height="100%" frameborder="0"></iframe>
        </div>

JavaScript

document.addEventListener('click', function(e) {
    var map = document.querySelector('#map-wrap iframe')
    if(e.target.id === 'map-wrap') {
      map.style.pointerEvents = 'all'
    } else {
      map.style.pointerEvents = 'none'
    }
  })