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:

6

Hey @Osaru cc @Liam-Shopify — we’re considering rolling our own semi-hacky implementation of autocomplete with custom options for a TextField. Before we do, we were wondering if y’all have a timeline for adding built-in support for this to the TextField component? Because if y’all plan to add it before ~June 2025, we’ll likely just wait. Thank you

7

Hey @Ezekiel_Pfeifer, I don’t have specific timelines at the moment, but can confirm it wouldn’t be available by or close to June 2025

1 Like
8

Okay thank you, Osaru, that’s helpful info for us