[Table] Multiple renders on Shift+Tab

Aperta
#10,254 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

  • #10283 di @coolassassin — chiusa senza merge

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
65/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
react, typescript

Direzione di ricerca

Inizia con l'esempio Table all'indirizzo https://react-aria.adobe.com/Table e riproduci il comportamento di Shift+Tab con «Highlight updates» abilitato in React DevTools. Confronta il comportamento con la correzione descritta in react-spectrum PR #10247, quindi verifica che Shift+Tab produca un render per cella o esegua il render solo delle celle necessarie, senza regressioni per le azioni di Tab.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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:
https://github.com/adobe/react-spectrum/pull/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

Lingua principale
TypeScript
Stelle
16k
Fork
1.6k
Merge medio
4g 3h
PR unite (30g)
39

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di adobe/react-spectrum

Tutte le issue di adobe/react-spectrum

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.