WinterSys Posts - Answer Overflow

WinterSys

Explore posts from servers

•Created by WinterSys on 9/15/2024 in #questions

Fixing a difference between Gecko and Webkit

Looking at this in firefox and chrome leads to different results, firefox seemingly being broken. firefox is using the max possible width of the child rather than the width: auto; calculated width when calculating the size of the parent changing the auto width to a set pixel with fixes it, but ruins responsiveness. in chromium browsers, behavior is as expected. can anyone think up a non-js solution? or am i stuck using some weird hackiness to make it work https://play.tailwindcss.com/cD6Mxb4y4i?layout=horizontal

2 replies

NNuxt

•Created by WinterSys on 5/21/2024 in #❓・help

Workaround for NuxtPage not updating size of parent elements leading to overflow

I currently have a page that needs a header, footer, and main content area. in order keep the header to the bottom when the page content is smaller than the header, i have tried to use a grid and a flexbox. both work when the content is smaller than the content's container, however with larger content the content just overflows the container instead of updating it's size. the page is just the standard

<NuxtLayout>
    <NuxtPage />
</NuxtLayout>

<NuxtLayout>
    <NuxtPage />
</NuxtLayout>

so i am not sure how to make the NuxtPage update the size of the parent object for the layout's <slot/>, if anyone has any ideas i am all ears-

8 replies

Gaming

Programming