У меня проблема с картой-буклетом с высотой 100%. Что происходит, так это то, что моя карта отображается в дочернем элементе div, и когда я устанавливаю контейнер .leaflet на 100% высоты, нажатие на карту растягивает ее по вертикали, занимая все пространство страницы и скрывая родительский элемент выше.
Первоначальный вид выглядит следующим образом:
После нажатия на карту она растягивается вертикально и выходит из родительского элемента div:
Это происходит только в том случае, если абзац Lorem ipsum и карта находятся внутри подконтейнера ниже этого заголовка и боковой панели, но не работают, если они находятся в полный контейнер.
Ссылка на демо и код: https://codesandbox.io/embed/jovial-kilby-ugebc?fontsize=14&hidenavigation=1&theme=dark