angular-ui/ui-grid

Editing a cell with enableCellEditOnFocus: true, arrow keys navigate to another cell

Open

#6835 aperta il 15 ago 2018

Vedi su GitHub
 (2 commenti) (1 reazione) (0 assegnatari)JavaScript (2496 fork)batch import
grid-edithelp wanted

Metriche repository

Star
 (5395 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

When using the enableCellEditOnFocus: true, when editing a cell in the text input, using the arrow keys should navigate between characters, but instead navigates to a different cell. This can be observed in the ui-grid tutorial example for cell edit at http://ui-grid.info/docs/#!/tutorial/Tutorial:%20301%20Edit%20On%20Focus

I'll provide my ui-grid config just for clarity, but since the provided tutorial example suffers from the same bug, this seems to be a global issue.

const gridOptions = {
    enableSorting: false,
    enableFiltering: false,
    enableRowSelection: true,
    enableRowHeaderSelection: true,
    enableSelectAll: true,
    multiSelect: true,
    noUnselect: false,
    enableCellEdit: true,
    enableCellEditOnFocus: true
};

Guida contributor

Direzione di ricerca
Investigare la gestione degli eventi keydown per i tasti freccia in modalità di modifica cella. Verificare se la propagazione dell'evento viene impedita o se la logica di navigazione predefinita della griglia consuma erroneamente l'evento prima che l'elemento di input possa gestirlo.
Tech stack
javascript
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
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
JavaScriptAngularJS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70