Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

onloadwff.js:71 Assertion failed: Input argument is not an HTMLInputElement #14860

Closed
npapagna opened this issue Mar 12, 2019 · 3 comments

Comments

@npapagna
Copy link

commented Mar 12, 2019

  • This is not a v0.x issue.
  • I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior 馃

There should be no console errors when using TextField with multiline={true}

Current Behavior 馃槸

When rendering a multiline TextField (within a form) and hitting the enter key , the following is logged to the console (each time the key is pressed):

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)

Steps to Reproduce 馃暪

  1. Browse to https://material-ui.com/demos/text-fields/ and open Chrome's Dev Console (
  2. Under the "TextField" section, click any multiline control and hit the enter key a couple times
  3. Notice the exceptions logged to the console

I could reproduce this bug in Chrome (both Ubuntu 18 and WIndows 10).
Could not reproduce it in Firefox (Ubuntu and Windows).

I have the same issue in my project and found out it is present also in Material-U's web page.

Note the bug does not show when the multiline textfield is not wrapped in a form tag

Context 馃敠

Not much context here, just rendered a multiline textfield and found out these exceptions logged to the console.

Your Environment 馃寧

Tech Version
Material-UI v3.0.1 and v.3.9.2
React 16.6.3
Browser Chrome, Firefox (both latest)
TypeScript no
etc. -
@oliviertassinari

This comment has been minimized.

Copy link
Member

commented Mar 12, 2019

Who is using LastPass? Raise your hand! (onloadwff.js)

@oliviertassinari

This comment has been minimized.

Copy link
Member

commented Mar 12, 2019

@npapagna It's a recent LastPass regression. I highly doubt we could have had this type of problem for that long unaddressed. You can try with a native <textarea />, same reproduction.

Capture d鈥檈虂cran 2019-03-12 a虁 23 52 33

@npapagna

This comment has been minimized.

Copy link
Author

commented Mar 13, 2019

@oliviertassinari got it!

Thanks everyone for taking the time to look at this! 馃憦

@oliviertassinari oliviertassinari changed the title An exception is raised when rendering a multiline TextField withing a <form> element onloadwff.js:71 Assertion failed: Input argument is not an HTMLInputElement Mar 13, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
3 participants
You can鈥檛 perform that action at this time.