grommet/grommet

Text area inside of a tab loses cursor focus when you type

Aperta

#6736 aperta il 5 apr 2023

Vedi su GitHubGuida contributor
 (1 commento) (2 reazioni) (0 assegnatari)JavaScript (1015 fork)batch import
bughelp wanted

Metriche repository

Star
 (8247 stelle)
Metriche merge PR
 (Merge medio 3g 16h) (9 PR mergiate in 30 g)

Descrizione

Expected Behavior

TextArea loses place when editing inside a tab gorup

Actual Behavior

If you edit the middle of a text area when a textArea is inside a teb frame, the cursor "jumps" to the end of the tab area - seems like there is some spontaneous reloading of the wrapper context going on

https://codesandbox.io/s/tabs-lose-context-dl66sm

Steps to Reproduce

  1. enter a block of text in the text area inside of the tabs
  2. put the cursor in the middle of the block
  3. continue to type

Guida contributor

Direzione di ricerca
Esamina la gestione dello stato del componente Tab e il contesto per capire perché scrivere all'interno di un TextArea causa un re render che resetta la posizione del cursore. Controlla se eventuali provider di contesto che avvolgono il TextArea causano re render ad ogni battuta.
Tech stack
javascriptreact
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactJavaScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60