#Pass down parent height inside <Suspense>

3 messages · Page 1 of 1 (latest)

shrewd coyote
#

my setup:

<div className="mx-10 flex flex-col min-h-[100vh]">
      <div className="flex flex-1 bg-blue-500"> <--takes up full viewport height, all good
        <Suspense
          key={optimistic_state_a * 10 + optimistic_state_b}
          fallback={
            // fallback div
          }
        >
          <div className="h-full flex-1 border"> < does not take up full viewport height!!
          </div>
        </Suspense>
      </div>
    </div>```

how can I make the child in suspense go the full height of the parent?
unborn dockBOT
#
Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

shrewd coyote
#

I solved it.
The parent (second div from the top) was set to flex, not flex-col