Отдал в ноутбук в ремонт по гарантии 
Процесс займёт плюс-минус месяц.
Однако не значит, что я не буду делиться контентом!
Держите вот такую вот от руки нарисованную схему 
Урок по Webflow • не рабочий position: fixed из-за transform 
Недавно, работая над проектом, я столкнулся с разными проблемами и одной из них оказался баг с
position: fixed.
Как вы знаете,
position: fixed диктует, что объект находится вне флоу остальных элементов, а относится именно к
body. Такое позиционирование применяют к элементам вроде навбара, попапов и прочих модалок.
Оказывается, что
если родитель у такого элемента, имеет transform, то браузер, грубо говоря, воспринимает этот элемент как относящийся к родителю, а не
body — поэтому, в моём примере на изображении,
модалка, у которой высота в 100VH, будет открываться не на весь экран,
а упираться в высоту своего родителя. Как же это пофиксить?Если вы используете интеракции Webflow, например
scale,
rotate и
move, или тоже самое применяете через
transform в CSS (панель стилей) на элементе, то не добавляйте в него другие у которых будет
position: fixed.
На изображении видно решение: модалки переместили из
.element-transform в
.section.
ДополнительноВ проекте над которым я работал, я через код сделал динамическое открытие модалок по клику на кнопки, чтобы не делать интеракцию для каждой карточки — но это уже тема для другого поста
Понравился пост и хотите увидеть продолжение?
Ставьте реакции и подписывайтесь на канал @georgystories, если ещё не подписались — ваша поддержка помогает развивать канал!Буду чрезмерно благодарен если включите уведомления на канале (да, да, тот самый «колокольчик»
).
Постскриптум: извиняюсь если инструкция непонятная, думаю сделаю видео по этой проблеме когда будет доступ к ноутбуку. 
https://university.webflow.com/lesson/create-static-page-templates
