Modal input without focus

Question

Modal input without focus

amendezm opened this issue 2 years ago · 5 comments

Set focus to input when modal is open

Answer 1 · 2022-07-14T10:16:58.000Z

Hey!! I tried working on this but for some reason it doesn't seem to focus.
I tried a few YT videos and a few Google Searches for focusing cursor on the modal input but nothing seemed to work
Could you'll share some resources which can help me solve it?

Answer 2 · 2022-07-14T11:27:06.000Z

https://reactjs.org/docs/hooks-reference.html#useref

Answer 3 · 2022-07-14T16:36:08.000Z

I tried it but it doesn't seem to work. When i use the ref keyword it shows me the error
Property 'ref' does not exist on type 'IntrinsicAttributes & { placeholder?: string; classNames?: string; } & InputHTMLAttributes<HTMLInputElement>'
and when I tried running the program with that it seems to lead me to a blank page.

Also when I tried playing around with the program hoping to solve it I realized that the ref keyword was giving an error while using the <Input/> tag while with the <input/> tag it didn't seem to give an error

Answer 4 · 2022-07-14T16:42:53.000Z

@Aspireve check this out https://reactjs.org/docs/forwarding-refs.html

Answer 5 · 2022-07-15T13:47:10.000Z

Hey I tried a few things but I guess I am not able to do it, someone better that me might be able to do a much-much better job, really sorry for taking so much of your time. Sorry for any inconvenience caused.