Как отменить изменение положения всех элементов во flex контейнере при появление нового?

Question

[wifftees]

Есть главный флекс-контейнер благодоря которому все элементы выравниваются по центру страницы.

body {
	position: fixed;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

Изначально все элементы выравнены правильно, но при добавления нового popup-окна все смещается для того чтобы подстроить центр, учитывая это окно. Это сильно бросается в глаза, т.к кнопка после клика просто уезжает вверх.


Один из вариантов пришедших в голову: выровнять с помощью абсолютного позиционирования, но мне это кажется костылем. Возможно нужно изменить верстку главного контейнера с флекса на грид?

Comments

[Froggyweb]

Ankhena, может на грид можно или с помощью angular? :)

[Froggyweb]

меню должно быть абсолютом. Body с фиксированной высотой и фиксед - костыль. Все с точностью до наоборот