Expose `preventScroll` on ElementReference.FocusAsync

[uabarahona]

Add an overload to ElementReference.FocusAsync that accepts preventScroll as an option:

public static ValueTask FocusAsync(this ElementReference elementReference, bool preventScroll);

---

I should probably add a new issue for this but I think FocusAsync() should also include preventScroll flag

https://developer.mozilla.org/en-US/docs/Web/API/HTMLOrForeignElement/focus

---

Describe the bug

On Blazor server side, when you apply autofocus on your inputs the attribute is not being respected:

• At the first time, you can see the autofocus being applied but loses it after the page fully load
• When you use the navigation bar the autofocus is not applied at all

To Reproduce

Create a page with the followin code:

<input type="text" name="name" />

<input type="text" name="name1" autofocus />

Expected: If you don't do anything while the page loads the autofocus must be aplied

[pranavkm]

Dup of #17472

[uabarahona]

I am seeing every issue related with this closed (hope I am not blind) so just to make it clear:

We are going to have a new API that lets us focus by calling ref.FocusAsync() but we will not be able to add autofocus to our normal html elements because it will not work?

[pranavkm]

@barahonajm sorry I meant to reopen the other issue. You are correct in your summary though.

[uabarahona]

Got it, I believe normal html functionality like autofocus should be preserved but I know it is hard so at least FocusAsync solves the problem.

I should probably add a new issue for this but I think FocusAsync() should also include preventScroll flag

https://developer.mozilla.org/en-US/docs/Web/API/HTMLOrForeignElement/focus

[pranavkm]

We can repurpose this issue to track adding that option.

[pranavkm]

FYI @MackinnonBuck

Thanks for contacting us.
We're moving this issue to the Next sprint planning milestone for future evaluation / consideration. We will evaluate the request when we are planning the work for the next milestone. To learn more about what to expect next and how this issue will be handled you can read more about our triage process here.