Skip to content

[Table] Multiple renders on Shift+Tab #10254

Description

@coolassassin

Provide a general summary of the issue here

If you Tab into the table, you can see the render in every single cell of the table
If you Tab out of the table, you can see the render in every single cell of the table
But if you press Shift + Tab to leave the table, you will see 4x renders of each cell in the table

Image

🤔 Expected Behavior?

Good: 1 render on any tab action
Excellent: render only the necessary cells, not the whole table

😯 Current Behavior

4x renders when you press Shift + Tab in table

💁 Possible Solution

This is a fix of this bug:
#10247

🔦 Context

In our project, we have huge dynamic tables (many on one screen), and any additional rendering affects UX

🖥️ Steps to Reproduce

Turn on "Highlight updates" in React Dev Tools on this page:
https://react-aria.adobe.com/Table

Then focus on any cell in the table and then press Shift + Tab. You will see 4x on each table cell

Version

1.19.0 (latest)

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

MacOS

🧢 Your Company/Team

dxFeed(Devexperts)

🕷 Tracking Issue

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions