Fixed incorrect usage of tabindex

no issue

React JSX expects tabindex html property to be camel case - tabIndex
This commit is contained in:
Rish 2020-10-29 14:01:24 +05:30
parent b590a1fa90
commit 2454e76c04
4 changed files with 4 additions and 4 deletions

View File

@ -86,7 +86,7 @@ function ActionButton({label, type, onClick, disabled, retry, brandColor, isRunn
}
const loaderClassName = isPrimary ? 'gh-portal-loadingicon' : 'gh-portal-loadingicon dark';
return (
<button className={className} style={Style.button} onClick={e => onClick(e)} disabled={disabled} type='submit' tabindex={tabindex}>
<button className={className} style={Style.button} onClick={e => onClick(e)} disabled={disabled} type='submit' tabIndex={tabindex}>
{isRunning ? <LoaderIcon className={loaderClassName} /> : label}
</button>
);

View File

@ -119,7 +119,7 @@ function InputField({name, id, label, hideLabel, type, value, placeholder, disab
onKeyDown={e => onKeyDown(e, name)}
onBlur={e => onBlur(e, name)}
disabled={disabled}
tabindex={tabindex}
tabIndex={tabindex}
autoComplete={autocomplete}
autoCorrect={autocorrect}
autoCapitalize={autocapitalize}

View File

@ -17,7 +17,7 @@ const FormInput = ({field, onChange, onBlur = () => { }, onKeyDown = () => {}})
onKeyDown={onKeyDown}
onChange={e => onChange(e, field)}
onBlur={e => onBlur(e, field)}
tabindex={field.tabindex}
tabIndex={field.tabindex}
errorMessage={field.errorMessage}
/>
</>

View File

@ -358,7 +358,7 @@ class SignupPage extends React.Component {
brandColor={brandColor}
label={label}
isRunning={isRunning}
tabindex='3'
tabIndex='3'
/>
);
}