Any help will be very appreciated.
I’ve set up a pop-up contact form. Flex box, fixed position, initially display: none.
Safari correctly displays the pop-up after animation:
Chrome displays nothing.
Here’s the inspector from Chrome.
It’s reading everything correctly. The pop-up was initially hiding at the bottom of the viewport with translate3d(0px, 100vh, 0px). The call to open the pop-up changed that to translate3d(0px, 0vh, 0px) along with display: flex.
I’m so lost.
Ok. A little update.
It’s not that the pop-up isn’t showing up, but it’s positioned to the entire body. It’s a long body, so I didn’t catch it right away. So, right now, it’s just stuck to the middle of the body.
Why does a fixed-position item behave like an absolute-positioned item relative to the body??