React modal input field auto focus antd

Batman answered on April 5, 2022 Popularity 5/10 Helpfulness 7/10

answer React modal input field auto focus antd

React modal input field auto focus antd

Comment

//Just add autoFocus = {false} on modal and autoFocus = {true} on input.

<Modal autoFocus={false}>
  <Form>
    <ModalHeader>Type Your Input</ModalHeader>
    <ModalBody>
      <Input autoFocus={true} />
      <Button>Submit</Button>
    </ModalBody>
  </Form>
</Modal>

//Ref: https://simplernerd.com/js-reactstrap-modal-autofocus/c

Popularity 5/10 Helpfulness 7/10 Language javascript

Source: Grepper

Tags: antd auto focus input-field javascript react-modal

Link to this answer
Share Copy Link

Contributed on Apr 05 2022

Batman

0 Answers Avg Quality 2/10

React modal input field auto focus antd

Contents

More Related Answers

React modal input field auto focus antd

Grepper

Documentation

Social

Legal

Contact

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