The latest articles on DEV Community by Aadarsh Singh (@aadarshbabu). https://dev.to/aadarshbabu https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1163385%2F96d3bd10-7001-491b-934e-39b046edd66b.jpeg https://dev.to/aadarshbabu en Aadarsh Singh Sun, 17 Sep 2023 13:37:22 +0000 https://dev.to/aadarshbabu/fluent-ui-9-textarea-input-field-with-useform-hook-wher-error-happen-its-loose-my-focus-2652 https://dev.to/aadarshbabu/fluent-ui-9-textarea-input-field-with-useform-hook-wher-error-happen-its-loose-my-focus-2652 <div class="ltag__stackexchange--container"> <div class="ltag__stackexchange--title-container"> <div class="ltag__stackexchange--title"> <div class="ltag__stackexchange--header"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--AoTUKOcU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev.to/assets/stackoverflow-logo-b42691ae545e4810b105ee957979a853a696085e67e43ee14c5699cf3e890fb4.svg" alt=""> <a href="https://stackoverflow.com/questions/77117993/fluent-ui-9-textarea-input-field-with-useform-hook-wher-error-happen-its-loose" rel="noopener noreferrer"> Fluent UI 9 TextArea input field with useForm hook wher error happen it's loose my focus </a> </div> <div class="ltag__stackexchange--post-metadata"> <span>Sep 16 '23</span> <span>Comments: 1</span> <span>Answers: 0</span> </div> </div> <a class="ltag__stackexchange--score-container" href="https://stackoverflow.com/questions/77117993/fluent-ui-9-textarea-input-field-with-useform-hook-wher-error-happen-its-loose" rel="noopener noreferrer"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--oeieW07A--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev.to/assets/stackexchange-arrow-up-eff2e2849e67d156181d258e38802c0b57fa011f74164a7f97675ca3b6ab756b.svg" alt=""> <div class="ltag__stackexchange--score-number"> 1 </div> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--h2-sXgSn--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev.to/assets/stackexchange-arrow-down-4349fac0dd932d284fab7e4dd9846f19a3710558efde0d2dfd05897f3eeb9aba.svg" alt=""> </a> </div> <div class="ltag__stackexchange--body"> <p>I loose the focus when error happen the in textArea Component, and when i menualy all the foucs using ref.focus method it's ignore the previous type value and it's my new charector start in 0th position,</p> <pre><code> import * as React from "react" import { makeStyles, shorthands, useId, Input, Label, Field,</code></pre>… </div> <div class="ltag__stackexchange--btn--container"> <a href="https://stackoverflow.com/questions/77117993/fluent-ui-9-textarea-input-field-with-useform-hook-wher-error-happen-its-loose" class="ltag__stackexchange--btn" rel="noopener noreferrer">Open Full Question</a> </div> </div>