This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(211.20000000000002, 38%, 30%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EAA%3C/text%3E%3C/svg%3E)
I am using ADB2C Custom policy Signup page for my application. But the first editable textbox is autofocus which i a mandatory field. Now when i want to click some where outside of the textbox the error message is displayed that it is required field. So i need to a way when the page loads the autofocus is removed. I need some basic idea how to do that. I have tried various methods to remove the autofocus from the textbox and make the autofocus to some hidden field but nothing worked for me
Hi @Avinash Acharya , can you please share a screenshot of what your page looks like?
Thank you,
James
The signup screen is loaded in the browser with the first item (editable) autofocus. Now if i have to move the cursor to somewhere else it is given the error as it is a required field.
Hi @Avinash Acharya , did you need any more help with this question? If not could you please mark "Accept Answer" on the appropriate answer so other users can reference it?
Thank you,
James
Hi @Avinash Acharya , you can remove the autofocus using JavaScript by following this thread.
Please let me know if you have any questions and I can help you further.
If this answer helps you please mark "Accept Answer" so other users can reference it.
Thank you,
James