Размещение в скрытом контейнере

[7iomka]

Всем привет.
Подскажите как вы обходите проблему размещения в скрытом контейнере?
Частый случай - юзание карты в модалке.
Пример
https://codesandbox.io/s/staging-violet-opnwd?file=/pages/index.js

Мои попытки реализовать пример из песочницы удачей не увенчались(

Да я знаю что если задать фиксированную ширину / высоту - компонент отрендерится нормально, но размер вьюпорта юзера вычислен только после открытия модалки, я навесил обработчик в примере на это событие и там пытаюсь обновить данные но ничего не происходит

[mmarkelov]

@7iomka привет. Я не работал с Fancybox, который ты используешь в своем примере. Но как я это вижу. У карты стоит позиционирование относительно компонента в процентах. А Fancybox строит контент на основе размеров содержимого. Карта в таком случае будет иметь размеры width - 0, height - 0. Как это обходить в этом случае, я не знаю. Возможно есть средства в этой библиотеки

.