question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Textfield type="password" not working for antd style

See original GitHub issue

The 'uniforms-antd/TextField does not properly pass the type prop. See below.

For demonstration, I imported both antd and unstyled versions. The antd does not mask the input field as expected.

import AutoForm from 'uniforms-antd/AutoForm';
import TextField from 'uniforms-antd/TextField';
import TextField2 from 'uniforms-unstyled/TextField';

<AutoForm schema={loginFormSchema} onSubmit={submitLogin}>
 <TextField name="email" />
 <TextField name="password" type="password" />
 <TextField2 name="password" type="password" />
 <SubmitField>Submit</SubmitField>
</AutoForm>

2017-09-11 10 40 16

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:10 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
wadamek65commented, Oct 6, 2021

Hi @alihuber ,

Thanks for your comment. It does indeed seem like the same problem is present in simple schema bridges. I’ve managed to write a test to reproduce this bug and filed an issue for it here: https://github.com/vazco/uniforms/issues/1039 If you have any other remarks please post them there.

1reaction
purpleconescommented, Sep 18, 2017

All good now! thanks

Read more comments on GitHub >

github_iconTop Results From Across the Web

Change input background color not working - Stack Overflow
input [type=password]:focus { background-color: white; } ... This looks like a style when the input is selected. Try to :focus.
Read more >
<input type="password"> - HTML: HyperText Markup Language
If the specified pattern is not specified or is invalid, no regular expression is applied and this attribute is ignored completely. Note: Use ......
Read more >
Form - Ant Design
High performance Form component with data scope management. Including data collection, verification, and styles.
Read more >
Text field component - Vuetify
A simple text field with placeholder and/or label. ... Note that readonly will not remove the clear icon, to prevent readonly inputs from ......
Read more >
Form Input | Components - BootstrapVue
For date and time style inputs, where supported, the displayed value in the GUI ... Input types that do not support min ,...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found