IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web.Components: EmailInput: changed input type to 'text'. Reason: unstable working with type 'email'.

Browse Source 
Bugs in react:
https://github.com/facebook/react/issues/14168
https://github.com/facebook/react/issues/6368
This commit is contained in:
Daniil Senkiv 2019-10-31 13:31:39 +03:00
parent c94a3a005d
commit 9928067a41
1 changed files with 2 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/ASC.Web.Components/src/components/email-input/index.js
View File

@ -4,7 +4,6 @@ import PropTypes from 'prop-types'
import isEqual from "lodash/isEqual";
import TextInput from '../text-input'
import { EmailSettings, parseAddress, checkAndConvertEmailSettings, isEqualEmailSettings } from '../../utils/email/';
import punycode from 'punycode';
const borderColor = {
default: '#D0D5DA',
@ -79,9 +78,7 @@ class EmailInput extends React.Component {
onChangeAction = (e) => {
this.props.onChange && this.props.onChange(e);
// Google Chrome doesn't support IDN for TLDs and is converting them to Punycode. There is variable 'inputValue' against Chrome`s converting
const inputValue = punycode.toUnicode(e.target.value);
this.props.customValidateFunc ? this.props.customValidateFunc(e) : this.checkEmail(inputValue);
this.props.customValidateFunc ? this.props.customValidateFunc(e) : this.checkEmail(e.target.value);
}
shouldComponentUpdate(nextProps, nextState) {
@ -100,7 +97,7 @@ class EmailInput extends React.Component {
isValidEmail={isValid || isValidEmail}
value={inputValue}
onChange={this.onChangeAction}
type='email'
type='text'
onValidateInput={onValidateInput}
{...rest}
/>