[Bug]: Autofocus does not work

[MarvinKlein1508]

Component

TextInput

Package version

3.0.0-rc.3

@microsoft/fast-element version

2.9.1

Environment

See Stackblitz

Current Behavior

Setting autofocus="true" does not focus the component on page load.

Expected Behavior

I expect the component to be in focus when the page has been loaded

Reproduction

https://stackblitz.com/edit/typescript-9wr7yswq

Steps to reproduce

Load the page

Are you reporting an Accessibility issue?

None

Suggested severity

High - No workaround

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[davatron5000]

Thanks for filing @MarvinKlein1508. I think this is a platform limitation with autofocus and iframes.

If you open the StackBlitz preview in a new tab, it autofocuses as expected: https://typescript-9wr7yswq.stackblitz.io/

And here's a CodePen (which also uses iframes) with a native input: https://codepen.io/davatron5000/pen/wBWRLOd

Similarly, that doesn't receive autofocus when in an iframe. But if you go to the Debug URL, it does work: https://cdpn.io/pen/debug/wBWRLOd

Thanks for filing. Closing this issue unless you think it needs further discussion.

[MarvinKlein1508]

@davatron5000 can you re-open the issue and assign it to me? I will test it again in the FluentUI Blazor components.