How does height of the body work in Solid Playground?
This may just be a lack of understanding of CSS but in my defense, CSS is hard. Here is the link to the component I'm prototyping in the playground: https://playground.solidjs.com/anonymous/962a237f-cfbd-4a77-bc7f-f2034bdbd5fa.
What I'm wondering is why my
Open Modal button is centered on the height of the window without considering the console whereas the actual modal is centered in the viewable space accounting for the console. The button is centered in a flexc container with a height of 100vh whereas the modal is centered with position: absolute, top: '50%', left: '50%', transform: 'translate(-50%, -50%)'.
Is this a specific behavior of the solid playground or is this a CSS specific thing with heights that I don't understand?Solid Playground
Quickly discover what the solid compiler will generate from your JSX template
2 Replies
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
huh, so maybe I'm just misunderstanding how the viewport is being sized
looks like in the playground the body height is being manually calculated to take the console into account
interesting
ty