Skip to content

ScrollArea doesn't update its horizontal scrollbar when children are resized #8075

@lgrones

Description

@lgrones

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?

8.1.3

What package has an issue?

@mantine/core

What framework do you use?

Vite

In which browsers you can reproduce the issue?

Not applicable – issue is not related to the browser

Describe the bug

ScrollArea doesn't seem to recognize when its children grow and doesn't show a horizontal scrollbar as a result when the container overflows. Vice versa, the scrollbar won't get removed when the children shrink.

The vertical scrollbar seems to work as intended. Using ScrollArea.AutoSize kinda works, but only because the native scrollbars take over when the container overflows.

I tested it in Opera GX (Chromium) and Firefox.

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

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

Possible fix

No response

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