[Bug][Repro provided]: In TextField component, calling focus event using componentRef does not focus in mobile devices

[amishagupta97]

Library

React / v8 (@fluentui/react)

System Info

System:
    OS: Windows 11 10.0.22621
    CPU: (8) x64 11th Gen Intel(R) Core(TM) i7-1185G7 @ 3.00GHz
    Memory: 15.69 GB / 31.73 GB
  Browsers:
    Edge: Chromium (120.0.2210.77)
    Internet Explorer: 11.0.22621.1

Are you reporting Accessibility issue?

None

Reproduction

https://codepen.io/Amisha-Gupta-the-builder/pen/LYapmYE

Bug Description

Actual Behavior

TextField focus using componentRef does not open keyboard in mobile devices to start typing.

Expected Behavior

When using componentRef to focus text field, it should focus the text field in mobile devices for user to start typing instantly.

Logs

Affected Fluent UI control -> TextField

Requested priority

High

Products/sites affected

No response

Are you willing to submit a PR to fix?

yes

Validations

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

[micahgodbolt]

Your demo appears incomplete. The ref is never used

[amishagupta97]

Your demo appears incomplete. The ref is never used

Sorry, seems like all the changes were not saved. I have updated the demo code.

[amishagupta97]

@micahgodbolt hope you were able to reproduce the issue?

[amishagupta97]

@micahgodbolt requesting priority on this bug. Please let me know if you need more details.

[microsoft-github-policy-service[bot]]

This issue has not had activity for over 180 days! We're adding Soft close label and will close it soon for house-keeping purposes. Still require assistance? Please add comment - "keep open".