Material-ui: onloadwff.js: 71 Aserción fallida: el argumento de entrada no es un HTMLInputElement
- [x] Este no es un problema de v0.x.
- [x] He buscado las ediciones de este repositorio y creo que esto no es un duplicado.
Comportamiento esperado 🤔
No debería haber errores de consola al usar TextField con multiline={true}
Comportamiento actual 😯
Al renderizar un multiline TextField (dentro de un form ) y presionar la tecla enter , lo siguiente se registra en la consola (cada vez que se presiona la tecla ):
onloadwff.js:71 Assertion failed: Input argument is not an HTMLInputElement
getFormProfile @ onloadwff.js:71
setFieldValue @ onloadwff.js:71
formKeydownListener @ onloadwff.js:71
onloadwff.js:71 Uncaught TypeError: Cannot read property 'type' of undefined
at e.setFieldValue (onloadwff.js:71)
at HTMLFormElement.formKeydownListener (onloadwff.js:71)
Pasos para reproducir 🕹
- Vaya a https://material-ui.com/demos/text-fields/ y abra la Consola de desarrollo de Chrome (
- En la sección "TextField", haga clic en cualquier control de varias líneas y presione la tecla Intro un par de veces.
- Observe las excepciones registradas en la consola.
Podría reproducir este error en Chrome (Ubuntu 18 y Windows 10).
No se pudo reproducir en Firefox (Ubuntu y Windows).
Tengo el mismo problema en mi proyecto y descubrí que también está presente en la página web de Material-U.
Tenga en cuenta que el error no se muestra cuando el campo de texto de varias líneas no está envuelto en una etiqueta de formulario
Contexto 🔦
No hay mucho contexto aquí, solo rendericé un campo de texto de varias líneas y descubrí estas excepciones registradas en la consola.
Tu entorno 🌎
| Tech | Versión |
| -------------- | --------- |
| Material-UI | v3.0.1 y v.3.9.2 |
| Reaccionar | 16.6.3 |
| Navegador | Chrome, Firefox (ambos más recientes) |
| TypeScript | no |
| etc. - |
npapagna
Todos 12 comentarios
¿Quién usa LastPass? ¡Levanta tu mano! ( onloadwff.js )
oliviertassinari
en 12 mar. 2019
@npapagna Es una regresión reciente de LastPass. Dudo mucho que pudiéramos haber tenido este tipo de problema durante tanto tiempo sin resolverlo. Puede probar con un <textarea /> nativo, la misma reproducción.
oliviertassinari
en 12 mar. 2019
@oliviertassinari lo tengo!
¡Gracias a todos por tomarse el tiempo de ver esto! 👏
npapagna
en 13 mar. 2019
¡Frio! Pero, ¿cómo deshacerse de él, manteniendo la extensión al mismo tiempo?
avalanche1
en 29 ago. 2019
¡Frio! Pero, ¿cómo deshacerse de él, manteniendo la extensión al mismo tiempo?
No hay una solución oficial para esto, de todos modos una posible solución es la siguiente:
- Haga clic derecho en la extensión LastPass
- Seleccione "Esto puede leer y cambiar los datos del sitio".
- Luego, seleccione "Al hacer clic en la extensión".
Vuelva a cargar la página, verá que el error desaparecerá.
Atentamente.
expelliamus
en 3 sept. 2019
@sfanculatodinotte ¡Gracias!
A-Atrash
en 9 sept. 2019
¡Frio! Pero, ¿cómo deshacerse de él, manteniendo la extensión al mismo tiempo?
¡Hola!
También puede excluir la URL de la siguiente manera:
- Vaya a LastPass y conéctese a su cuenta
- Ve a la sección
Account parameters - Vaya a la pestaña
URL Exclusions - Agregue una exclusión para su página, como
http://localhost
¡Espero que esto ayude!
Saludos cordiales: relajado:
gdarchen
en 16 oct. 2019
¿Quién usa LastPass? ¡Levanta tu mano! (_onloadwff.js_)
: D, la mejor respuesta para mí, muchas gracias :)))
duongricky
en 6 nov. 2019
Bueno, es bueno si eres el usuario, solo deshabilita lastpass, pero todos somos desarrolladores aquí, ¿verdad? Entonces, ¿qué podemos hacer para evitar que nuestros formularios se rompan para nuestros usuarios que usan LastPass (y que nunca encontrarán este problema de github)?
Floriferous
en 25 feb. 2020
Para ser claros, este error no rompe nada en la página, es ruido para los desarrolladores. Si desea solucionarlo, comuníquese con el soporte de LastPass, cuantas más solicitudes, más probabilidades hay de que lo prioricen.
oliviertassinari
en 25 feb. 2020
Mi mal, tuve otro error extraño que causó que mi entrada fallara, este error es de hecho solo ruido.
Floriferous
en 25 feb. 2020
<textarea class="form-control" id="messageBody"
onkeypress={supressEnterPropagation}
name="body"
rows="18"
></textarea>
const supressEnterPropagation = (event) {
if (event.which === 13 || event.keyCode === 13 || event.key === "Enter")
event.stopPropagation()
}
}
Tienes la idea. Es el código sudo
velusgautam
en 23 jun. 2020
Temas relacionados
chris-hinds
·
3Comentarios
mb-copart
·
3Comentarios
ghost
·
3Comentarios
sys13
·
3Comentarios
newoga
·
3Comentarios
Comentario más útil
¿Quién usa LastPass? ¡Levanta tu mano! ( onloadwff.js )