Breaking News: Grepper is joining You.com. Read the official announcement!

react input autofocus not working

Ahmed ElNawawy answered on October 13, 2021 Popularity 6/10 Helpfulness 5/10

answer react input autofocus not working

related autofocus is not working in react native

react input autofocus not working

Comment

autoFocus instead of autofocus

Popularity 6/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: autofocus input javascript

Link to this answer
Share Copy Link

Contributed on Nov 29 2023

Ahmed ElNawawy

0 Answers Avg Quality 2/10

Closely Related Answers

autofocus is not working in react native

Comment

import React, { useRef, useEffect } from "react";

export default function SignIn() {
  const inputElement = useRef(null);
  useEffect(() => {
    if (inputElement.current) {
      inputElement.current.focus();
    }
  }, []);

  return (
    <div>
        <form action="...">
            <input
                  ref={inputElement} // yes, this is working in Chrome on Mac 
                  type="text" // allows username also; type 'email' woud insist on '@' sign
                  name="email"
                  placeholder="Email address"
                  autoComplete="email"
                  required
                  ...
                />
        </form>
    </div>
  );
}

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: autofocus react-native javascript react-

Link to this answer
Share Copy Link

Contributed on Oct 13 2021

Handsome Hedgehog

0 Answers Avg Quality 2/10

react input autofocus not working

Contents

More Related Answers

react input autofocus not working

Closely Related Answers

autofocus is not working in react native

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.