italia/bootstrap-italia

Problemi validazione form senza JustValidate

Ouverte

#1 096 ouverte le 27 mars 2024

Voir sur GitHubGuide contributeur
 (11 commentaires) (0 réaction) (0 personne assignée)SCSS (170 forks)auto 404
a11yenhancementhelp wanted

Métriques du dépôt

Stars
 (355 étoiles)
Métriques de merge PR
 (Merge moyen 6j 21h) (20 PRs mergées en 30 j)

Description

Versione di Bootstrap Italia

2.7.x/2.8.x

Comportamento atteso

I vari browser hanno un comportamento standard per la validazione dei form. Solitamente viene spostato il focus sul campo e compare una popup con l'indicazione dell'errore.

Esempio di Chrome su sito costruito con Boostrap 4.6 Screenshot 2024-03-27 153946

Comportamento attuale

In molti casi, anche se non sono ancora riuscito a capire quale sia la discriminante, questo non avviene con le form costruite con BI. Viene spostato il focus ma non compare alcun messaggio e quindi non sempre è immediato capire dove e quale sia l'errore.

Esempio su Chorme su sito costruito cin BI 2.7.x Screenshot 2024-03-27 154343

Il problema è ancora più grave nel caso di checkbox o select dove non compare nemmeno il cursore ad aiutare l'indivisuazione dell'errore.

Possibili soluzioni

Consentire il meccanismo standard di validazione del browser senza obbligare alal configurazione di JustValidate

Contesto

Chrome/Firefox su Windows 11

Guide contributeur

Direction de recherche
Investiguez pourquoi l'infobulle de validation native du navigateur n'apparaît pas sur les saisies dans les formulaires Bootstrap Italia. Vérifiez si les propriétés CSS comme 'overflow: hidden' sur le formulaire ou les conteneurs de saisie cachent la bulle de validation, ou si les gestionnaires d'événements JavaScript (par exemple, l'événement 'invalid') empêchent le comportement par défaut du navigateur. Comparez la structure HTML avec les formulaires Bootstrap 5 standard qui fonctionnent correctement. Testez également avec différents types de saisie comme les cases à cocher et les listes déroulantes.
Stack technique
javascriptcss
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
HTMLCSSJavaScript
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75