Кодручка
На примере видно, что внутренний блок выступает за пределы родительского. Это поведение мне и нужно, но только так, чтобы выступал он сверху, а не снизу.
Задача простая, но всё усложняется тем фактом, что нельзя использовать translateY или position: relative из-за некоторых особенностей вёрстки.
Отрицательный margin-top работает корректно, но возникает вопрос, как правильно рассчитать его значение.
Не суть вопроса, но если интересно про особенности:
У меня во vue есть модалка, к которой применена анимация изменения состояния (тег transition). Элементы, которые имеют position: relative или transform по-идиотски мерцают в момент анимации.