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(83.2, 53%, 18%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EJB%3C/text%3E%3C/svg%3E)
It seems like the content served by Azure B2C for Sign In has "autofocus" property set on some html element. It causes my web page to scroll down on small screens (e.g. on mobile).
<button class="accountButton firstButton claims-provider-selection" id="ABC" role="link" autofocus>Employee Sign In</button>
Is there a way to disable this "autofocus" on policy level?
PS. I know it could be handled using custom javascript, but e.g. scrolling to the top not always work.
Hi @Jan Borowiak , the closest thing that we have for this are UI Templates, but unfortunately nothing built-in for autofocus on the policy level. You'd have to use JavaScript for this. If you're interested in learning how to do this I can help you! Please let me know if you have any questions.
If this answer helped you please mark it as "Verified" so other users can reference it.
Thank you,
James
>If you're interested in learning how to do this I can help you!
Yes, please, would be good to learn this.
The desired state is that the user see the top of the page after reload (not the page scrolled down to the autofocused button, which often happens on mobile). I've tried different solutions:
But all of them failed at some cases. Eventually, I used setTimeout and scrollTo(0,0), but this is not the best solution. Probably utilizing "window load" event could help, but I'm not sure if it's possible with B2C UI Templates (https://learn.microsoft.com/en-us/answers/questions/1191409/how-to-use-window-load-event-on-azure-b2c-pages)