rigor789/vue-scrollto

v-scroll-to breaks HTML5 form validation with Enter

Open

#155 aperta il 9 set 2019

Vedi su GitHub
 (1 commento) (0 reazioni) (0 assegnatari)JavaScript (114 fork)batch import
help wanted

Metriche repository

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

Descrizione

Problem

If a HTML form has a button with v-scroll-to, that breaks form validation which occurs when a user presses Enter.

Steps to reproduce

  1. Open jsfiddle at https://jsfiddle.net/semenov/ukt84qvy/7/
  2. Type something in input 1, press Enter. The form validation for input 2 will NOT kick in, instead the page will be scrolled to a seemingly random (?) location:
  1. Edit jsfiddle, remove v-scroll-to, re-run it.
  2. Type something in input 1, press Enter. The form validation for input 2 WILL kick in, and the page will be scrolled to show input 2:

Expected behavior

Regardless of v-scroll-to, pressing Enter in a form scrolls to the input element that doesn't pass validation.

Guida contributor

Direzione di ricerca
Indagare come la direttiva v scroll to gestisce gli eventi click e se chiama event.preventDefault() o ferma la propagazione, il che potrebbe impedire il comportamento predefinito di validazione del modulo.
Tech stack
javascriptvue
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
VueJavaScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75