раздел 'Контакты', то карта отображается частично. При повторном нажатии, когда уже находишься в этом разделе, карта загружается нормально.
Использую: https://www.npmjs.com/package/react-google-maps , https://github.com/tomchentw/react-google-maps
Такое происходит только если есть анимация при переходе между страницами сайта.
Без анимации все работает прекрасно.
Второй вопрос относительно анимации.
Для перехода использую AnimatedSwitch 'react-router-transition': https://www.npmjs.com/package/react-router-transition https://github.com/maisano/react-router-transition/
Стили:
.wrapper {
height: 1000px;
}
.switch-wrapper {
position: relative;
margin: 0 auto;
}
.switch-wrapper > div {
position: absolute;
left: 50%;
margin-left: -585px;
}
Иными словами приходится задавать height вручную в стилях, иначе она не меняется, из-за absolute все сливается:
https://c2n.me/3YZUrAl
Кто-то сталкивался с подобной проблемой.
Может, есть какое-то хорошее решение?
Заранее спасибо!
А почему ты выравниваешь по середине блок через статичные пиксели в марджине, а не трансформом процентным, например?
Это к данному сообщению.
Обсуждают сегодня