Amplify-js: Password Input- Chrome Warnings

Created on 17 Jan 2018 · 9Comments · Source: aws-amplify/amplify-js

Chrome (version 63.0.3239.132) is throwing the following warning with the default login screen:

[DOM]  Password field is not contained in a form: (More info: https://goo.gl/9p2vKq)

Amplify version 0.1.34

bug

Source

bbernays

Most helpful comment

@powerful23 This is still returning the warning
for the following code

            <form className="myform" onSubmit={this.validateLogin()}>
               <div className="myformgroup">
                   <label>Email</label>
                   <input type="text" placeholder="Email" id="email" required></input>
                </div>
                <div className="myformgroup">   
                   <label>Password</label>
                   <input type="password" placeholder="Password" id="password" required></input>
               </div>
               <div className="myformgroup">
                   <button type="submit" id="loginButton">Login</button>
               </div>
            </form>

_Error is_
[DOM] Password field is not contained in a form: (More info: https://goo.gl/9p2vKq)

Abhishek2kr on 5 Oct 2018

👍4

All 9 comments

Thank you for using the library and reporting this @bbernays !

This issue is in our backlog

manueliglesias on 19 Jan 2018

@bbernays we are closing this issue. Please feel free to reopen it if you still have this problem. Thanks!

powerful23 on 16 Mar 2018

@powerful23 This is still returning the warning
for the following code

            <form className="myform" onSubmit={this.validateLogin()}>
               <div className="myformgroup">
                   <label>Email</label>
                   <input type="text" placeholder="Email" id="email" required></input>
                </div>
                <div className="myformgroup">   
                   <label>Password</label>
                   <input type="password" placeholder="Password" id="password" required></input>
               </div>
               <div className="myformgroup">
                   <button type="submit" id="loginButton">Login</button>
               </div>
            </form>

_Error is_
[DOM] Password field is not contained in a form: (More info: https://goo.gl/9p2vKq)

Abhishek2kr on 5 Oct 2018

👍4

Hello, I also encountered the same problem, may I ask how to solve it finally?

Renee98 on 19 Mar 2019

Have the same issue. Can someone suggest any help?

bogodars on 26 Apr 2019

Estou com o mesmo problema

JoaoSilvaCorreia on 18 May 2019

type类型改成其他就没事了

13453197509 on 30 May 2019

This issue absolutely still exists exactly the same way it was in January, 2018. Why was it closed?

Here is the warning, in today's version of AWS Authenticator and Chromium version 76.0.3809.100:
[DOM] Password field is not contained in a form: (More info: https://goo.gl/9p2vKq).

Using NPM packages aws-amplify (version 1.2.4) and aws-amplify-angular (version 3.1.4).