Skeleton Components inside Stack doesn't display any output?

[amit-adnabu]

I've been testing something with SkeletonDisplayText and I found this issue where I can't see any output with Stack and SkeletonDisplayText/SkeletonBodyText. I'm not sure if something is missing or this is just a bug?

import {
  SkeletonPage,
  Stack,
  Layout,
  SkeletonBodyText,
  SkeletonDisplayText
} from "@shopify/polaris";
import React from "react";

function SkeletonExample() {
  return (
    <SkeletonPage title="Products">
      <Layout.Section oneHalf>
        <Stack>
          {/* Why is this not displaying? */}
          <SkeletonBodyText lines={2} />
          <SkeletonDisplayText size={"medium"} />
        </Stack>
        {/* Below Works */}
        <SkeletonBodyText lines={2} />
        <br />
        <SkeletonDisplayText size={"medium"} />
      </Layout.Section>
    </SkeletonPage>
  );
}

export default SkeletonExample;

[hager-david]

Put it inside a Box component, with minWidth, it worked for me:

<Box minWidth="100px"> <SkeletonDisplayText size="small"></SkeletonDisplayText> </Box>