[dev-v5] fix: conditional AutoFocus

[MarvinKlein1508]

🐛 Bug Report

The AutoFocus parameter does not work when a component is being rendered conditionally.

💻 Repro or Code Sample

<FluentSwitch @bind-Value="showInput" Label="Show Input" />

<br />

@if (showInput)
{
    <FluentTextInput @bind-Value="test" Label="Test" Autofocus />
}

@code {
    private string test = string.Empty;
    private bool showInput;
}

1. Run code
2. Press the switch
3. Notice that the input won't get focused

🤔 Expected Behavior

The input should become focused once it is visible

😯 Current Behavior

The input will become visible but won't be set in focus.

💁 Possible Solution

🔦 Context

If you just render the component without the if then it actually will get focused.

🌍 Your Environment

• OS & Device: Windows 11 64 Bit
• Browser latest Firefox, Chrome, Edge
• latest dev-v5 branch

[MarvinKlein1508]

This might be fixed in the underlying web components.

See: microsoft/fluentui#36296

Need to validate once this has been merged.

[MarvinKlein1508]

Update: I just tested it again after the packages have been updated. Sadly the conditional part about this does still not work.

[vnbaaij]

Not a caching issue?

[MarvinKlein1508]

Vincent Baaij (@vnbaaij) no this is not a caching issue. The recent fixes in the web components are working in that way that I can focus elements now on page load. But the conditional part is still broken. Not sure if it is like this in the wc as well.