Skip to content

[Bug]: Example: Scrolling to an element does not work for certain display widths #8299

Open

Description

@julillermo

Summary

At certain window widths, I believe that the Example: Scrolling to an element looks as if it's not working.

I noticed this when I had my browser window set to half my screen width. Since I was using 1920x1080px, my browser's pixel width at the time would have been about 960px. From my initial testing around, I believe this happens for the width range of 935px to 1023px

From what I understand, the logic behind it is working, it just so happens that the increased width of the card / parent component causes it to appear though it isn't

Page

https://react.dev/learn/manipulating-the-dom-with-refs#example-scrolling-to-an-element

Details

No response

Activity

  1. Mori8a commented on Oct 11, 2026

    @Mori8a

    Hi! I'd like to investigate this issue and contribute a fix. Is it still relevant, and would a PR addressing the responsive behavior be welcome?

  2. Mori8a commented on Oct 23, 2026

    @Mori8a

    Hi! Just following up on my earlier comment. I'm still interested in investigating this issue and contributing a fix. I haven't been able to reliably reproduce the behavior yet, so I'd appreciate any guidance on whether this issue is still relevant. Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions