Can we have focus prop for TextField component or if there is any way ref can be introduced for components

Extensions
1

I’m building an extension for customer accounts, wanted to make feature as user friendly so that user don’t need to use mouse much and can navigate through keyboard only. it’ll be helpful if we can access the element to manipulate the element around it. or by any chance focus prop can be introduced in TextFeild component that can be of boolean type or any other work around that anyone here can suggest.

1 Like
2

Hey @Shubham :wave:

You’re right—the TextField component doesn’t expose any way to programmatically force focus at the moment.

This is mainly because the UI-extension code runs in a sandboxed worker and never touches the live DOM (see the notes here under the Security section: Checkout UI extensions).

I’m happy to file a feature request for the team though. Could you share a bit more about your use-case—e.g., are your customers relying on full keyboard navigation or assistive tech? The extra context will help us prioritise the request on our end here. Hope to hear from you soon!