Skip to content

[Bug]: Table multi-selection always selects the next item by default when an item above it is been removed #28456

@wendyyuanxie

Description

@wendyyuanxie

Library

React Components / v9 (@fluentui/react-components)

System Info

System:
    OS: Windows 10 10.0.22621
    CPU: (20) x64 12th Gen Intel(R) Core(TM) i7-1280P
    Memory: 14.52 GB / 31.67 GB
  Browsers:
    Edge: Spartan (44.22621.1848.0), Chromium (114.0.1823.67)
    Internet Explorer: 11.0.22621.1

Are you reporting Accessibility issue?

None

Reproduction

https://codesandbox.io/s/nameless-monad-mhhn5j?file=/example.tsx

Bug Description

Actual Behavior

This behavior can be found for multi-selection of table component in flunetV9.
I am able to reproduce it in the codeSandbox by using one of the official example: https://codesandbox.io/s/nameless-monad-mhhn5j?file=/example.tsx
Let's say we have 4 items in the table like this:
image

and we remove the first item from it by clicking on the delete:
image

After the selected item is been removed, the next item is automatically get selected be default.

Expected Behavior

After the selected item is been removed, the next item should remain unselected state

Logs

No response

Requested priority

High

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • The provided reproduction is a minimal reproducible example of the bug.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions