Skip to content

[Web] Menu anchor inside lists causes aggressive auto-scroll and focus hijacking on mount #4907

Description

@szado

Current behaviour

When wrapping list items (inside FlatList, Shopify FlashList or ScrollView) with the Menu component as an anchor, the component aggressively steals DOM focus upon mounting on the Web platform. In asynchronous lists, this causes the browser to forcefully auto-scroll down to the newly rendered items and displays the native blue focus ring.

Expected behaviour

The Menu anchor should remain entirely passive upon mounting and should not steal DOM focus unless explicitly interacted with by the user. The list's scroll position should remain completely stable.

How to reproduce?

https://snack.expo.dev/@szado/smiling-yellow-cookie?platform=web

Preview

20260428-1400-32.2202367.1.mp4

Your Environment

software version
react-native 0.83.6
react-native-paper 5.15.1
expo sdk 55

Activity

  1. nyrinthai commented on Jul 21, 2026

    @nyrinthai

    Hi! I'd like to take a look at this issue if it's still available. I'm going to try reproducing it on the latest main branch, if I'm able to come up with a good fix, I'll open a PR.

  2. LouisMuriuki commented on Jul 25, 2026

    @LouisMuriuki

    +1
    Experiencing this issue as well

  3. SummitCollie commented on Aug 21, 2026

    @SummitCollie

    I was able to isolate this to version 5.15.1; locking at 5.15.0 allows me to sidestep the issue for now. Thanks for the great library!

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions