Skip to content

Cursor got misplaced and list automatically scrolls down when we have large number of items in List with Selection #6574

@gaurav-intelligaia

Description

@gaurav-intelligaia

Expected Behavior

When we select an item in List with selection, that item should be selected and cursor should not get misplaced

Actual Behavior

When we select an item, list scrolls down and cursor position got misplaced to some other item in the list.

URL, screen shot, or Codepen exhibiting the issue

https://codesandbox.io/s/suspicious-mccarthy-g94eib?file=/src/List.js

Steps to Reproduce

  1. Render List with Selection having large number of items in list so that we have scroll.
  2. Select any item in the list For instance Item1
  3. The cursor scrolls down and pointing to some other item in the list.

Your Environment

  • Grommet version: 2.25.3
  • Browser Name and version: 108.0.5359.124
  • Operating System and version (desktop or mobile): macOS Monterey Version 12.6

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugissue that does not match design or documentation and requires code changes to address

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions