Skip to content

Collapse inside Stack spacing regression in 7.17.7->7.17.8 #7951

@OliverWales

Description

@OliverWales

Dependencies check up

  • I have verified that I use latest version of all @mantine/* packages

What version of @mantine/* packages do you have in package.json?

7.17.8

What package has an issue?

@mantine/core

What framework do you use?

Next.js

In which browsers you can reproduce the issue?

Chrome

Describe the bug

We have a collapse component inside of a stack. In 7.17.7, when collapsed it is display: 'none', when collapsed so there is no additional stack gap between the previous component in the stack and the hidden collapse. When expanded, the collapse content correctly has a gap between itself and the component above, since it is no longer display: 'none',.

In 7.17.8, the collapse is no longer display: 'none', when collapsed so there is now extra space at the bottom of the parent stack. I am pretty sure this was introduced in #7774.

Before:

Image

After:

Image

If possible, include a link to a codesandbox with a minimal reproduction

https://codesandbox.io/p/sandbox/mantine-react-template-forked-hc7kcc

Possible fix

Revert #7774 until this is addressed

Self-service

  • I would be willing to implement a fix for this issue

Metadata

Metadata

Assignees

No one assigned

    Labels

    help wantedContributions from community are welcome

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions