Prefer that
autoFocus prop is not used on elements JS-0757
Anti-pattern
Minor
a month ago
—
2 months old
The autoFocus prop should not be used
53 key={i}
54 placeholder=""
55 options={wordlist}
56 autoFocus={i === 0}57 currentValue={form.watch(`mnemonic.${i}`)}
58 onPaste={(event) => {
59 if (i !== 0) returnThe autoFocus prop should not be used
44 wordNumber > 9 ? "pl-8" : "pl-6",
45 )}
46 placeholder={placeholder}
47 autoFocus={autoFocus}48 onPaste={onPaste}
49 autoComplete="off"
50 data-testid={testId}
Description
The issue enforces that the autoFocus prop is not used on elements because autofocusing elements can cause usability issues for sighted and non-sighted users alike.
Bad Practice
<div autoFocus />
<div autoFocus="true" />
<div autoFocus="false" />
<div autoFocus={undefined} />
Recommended
<div />