Latency / two-step expand when `minHeight` is set in `MaxHeightSmoother`

[aymericzip]

When minHeight > 0, the expand animation has a visible “dead time.”

It behaves like grid-rows-[0fr] → xfr (no visible change), then xfr → 1fr (visible)

Steps to Repro:

1. Render MaxHeightSmoother with minHeight={450}.
2. Toggle isHidden to expand (or use hover/focus paths).

Expected:
One smooth, continuous expand.

Actual:
Delayed/2-phase expand with an initial no-op period before content appears.

Notes:
Likely caused by the child minHeight clamping the grid track during grid-template-rows transition. Consider switching to animating max-height when minHeight is set, using minmax(0,1fr), or ensuring the grid item can shrink (min-height: 0).

Screen.Recording.2025-10-07.at.2.55.13.PM.mov

[72umesh]

@aymericzip Hi, I’d like to work on this issue as part of Hacktoberfest 2025.
Could you please assign it to me? Thanks

[aymericzip]

Sure! Here is the related compoent packages/@intlayer/design-system/src/components/ExpandCollapse/ExpandCollapse.tsx

You can try it using storybook

pnpm i
pnpm turbo build --filter=./packages/@intlayer/design-system
cd packages/@intlayer/design-system
pnpm storybook

Ping me if you need anything

[72umesh]

Thanks for pointing me to the component! I’ll start working on this issue.

[72umesh]

Hi @aymericzip

I’m trying to run Storybook locally for the @intlayer/design-system package but keep encountering the following error:

SB_CORE-SERVER_0006 (MainFileMissingError): No configuration files have been found in your configDir: .storybook
Storybook needs a "main.js" file, please add it.

The .storybook folder exists with both main.ts and preview.ts, but Storybook isn’t detecting them.

Here’s what I did step by step:

pnpm install
pnpm turbo build --filter=./packages/@intlayer/design-system
cd packages/@intlayer/design-system
pnpm storybook

I’ve read through the README and tried the commands shared in previous discussions, but I’m still encountering the same issue.
Could you please help me understand what I might be missing to get Storybook running locally?

[aymericzip]

no idea what happens. It works on my side.

can you run

cd packages/@intlayer/design-system
pnpm storybook --version

Are you on window?

[72umesh]

Yes I am on Windows

After running

cd packages/@intlayer/design-system
pnpm storybook --version

I get

8.6.14