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’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

novalidate property not passed to input #3712

Closed
andrewplummer opened this issue Jul 18, 2019 · 2 comments
Closed

novalidate property not passed to input #3712

andrewplummer opened this issue Jul 18, 2019 · 2 comments
Labels

Comments

@andrewplummer
Copy link

Fairly simple issue... the novalidate attribute when passed to Form.Input will not get forwarded to the underlying input element, making disabling validation impossible.

@layershifter
Copy link
Member

Can you please provide an example snippet in HTML or reference MDN? As I see novalidate can be applied only to form tag... As workaround you pass attributes directly to input:

<Input placeholder='Search...' input={{ id: 'boom' }} />
<div class="ui input"><input type="text" placeholder="Search..." id="boom" /></div>

@andrewplummer
Copy link
Author

Apologies, you're correct that should have been on the form which works perfectly! The MDN form page does suggest that a formnovalidate attribute can override the form, however. Although React does suggest formNoValidate as a prop, the same issue as above exists as it will not get forwarded to the input element. However this appears to only be applicable to input elements that are functioning as buttons and the intent is to override the entire form behavior, so will close this out as the underlying issue was due to my misunderstanding... thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants