Custom autocomplete options in TextField component in checkout UI extension

Extensions
1

Hey all. We’re building a form for a post-purchase survey on our “Thank you” page, using a checkout UI extension, we want some of the TextField components to have custom autocomplete options. We see that the TextField component has autocomplete available currently, but only for fields built in to Shopify, linked to the order or customer, from what it looks like.

For more context, as an example, we have a list of ~500 podcasts that are possible responses to a question, which we think is too many for a Select component. So autocomplete with a TextField seems like the best solution.

Has anyone else faced this issue? To any Shopify moderators, is this possible and we’re just not seeing how to do it? If it is not currently possible, could this be put on your product roadmap, if it isn’t there already?

1 Like
2

Hi Ezekiel,

I don’t believe you can currently define a list of accepted autocomplete values - but I can raise this as a feature request to that team!

3

Hey Liam, okay great, thank you. For now, we may hack a solution using React state + Text elements below the TextField to show options. If we go that route, I’ll try to remember to share the code here for others with this need

4

Hey @Ezekiel_Pfeifer, @Liam-Shopify is correct, we don’t have an autocomplete component such as this yet. However, this is on our roadmap.

2 Likes
5

Hey Osaru, thanks for letting me know :+1: