design-angular-kit icon indicating copy to clipboard operation
design-angular-kit copied to clipboard

Pagination: comportamento errato durante la navigazione da tastiera

Open lvalentieng opened this issue 5 months ago • 1 comments

Esiste già una discussione sul tema che ti interessa, o su un tema simile?

  • [x] Ho verificato e non esiste

Versione della libreria

20.0.0

Cosa

Il componente it-pagination presenta un comportamento errato durante la navigazione da tastiera. Quando si utilizzano i tasti Tab + Invio per navigare tra le pagine, è possibile attivare anche i pulsanti che dovrebbero essere disabilitati, permettendo di superare i limiti validi della paginazione.

Comportamento attuale:

Navigando con Tab + Invio, è possibile premere il pulsante "Indietro" anche quando dovrebbe essere disabilitato Questo permette di accedere a pagine con numeri negativi (pagina -1, -2, -3, ecc.) Lo stesso problema si verifica con il pulsante "Avanti", permettendo di superare l'ultima pagina disponibile

Comportamento atteso:

I pulsanti "Indietro" e "Avanti" dovrebbero essere completamente inaccessibili da tastiera quando sono in stato disabilitato. La navigazione dovrebbe rispettare i limiti della paginazione (prima pagina = 1, ultima pagina = numero totale di pagine)

Passi per riprodurre:

  1. Aprire una pagina con il componente it-pagination (anche usando la pagina della documentazione ufficiale)
  2. Navigare al primo elemento della paginazione usando Tab
  3. Premere Invio sul pulsante "Indietro" quando si è già alla prima pagina
  4. Osservare che è possibile accedere a pagine con numeri negativi

Perché

Questo bug compromette l'accessibilità del componente e può causare comportamenti inaspettati nell'applicazione.

Contesto

No response

Altro

Link al componente: https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/pagination

lvalentieng avatar Jul 31 '25 07:07 lvalentieng

@lvalentieng @valeriocomo Cominciamo a lavorarci dalla prossima versione, per ora rilasciamo i fix fatti.

astagi avatar Nov 06 '25 16:11 astagi

@lvalentieng @valeriocomo dovrebbe essere ok adesso nella PR https://github.com/italia/design-angular-kit/pull/516

astagi avatar Nov 17 '25 15:11 astagi