Skip to content

Scrolling to bottom during addition of content randomly gets stuck in Safari #143

Open
@cdCorey

Description

@cdCorey

I'm using ScrollToBottom in a React web app that uses Mantine for UI. I previously was using the Mantine ScrollArea component with auto-scrolling I rolled myself, but it was buggy so I replaced it when I found this ScrollToBottom component. This component does exactly what I need and works perfectly, except on Safari.

In Safari, while new content is streaming in, the auto-scrolling will work for awhile, but seemingly at random it will switch into sticky mode and get stuck as the rest of the content continues to get added off the bottom of the viewport. While you can hit the "jump to bottom" button to reset it, it will inevitably just get stuck again sooner or later, which is not providing a good user experience.

I'm happy to work on this issue, but right now I'm not sure why this would even happen, especially only on Safari. If anyone more familiar with the codebase can help me troubleshoot this and point me in the right direction, that would be very helpful.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions