Select inputValue clears unexpected

I'm working on this dashboard where the idea is that you can search a product and it will look in all systems and departments and output the relevant information. (like incoming shipping, items sold, repair department or returned goods, you name it..).

I started with using an input field to search for records. I moved from that to a solution with an input field and a listbox to display results. Then I figured out the select component is actually better at this because I don't have to hack the overflow of results. Since select accounts for that from the start.

I set it up and it works almost perfectly. I noticed that when you already had options in the select component and you replace these, the inputValue gets cleared. Which is annoying for the user experience.

I've made a screencast. See how the word "jump" disappears.

The only thing that happens is that the options are replaced due to the fact that the resource has new data. I would understand that a selected value would be cleared as well. But I don't understand why the inputValue has to be cleared.

As I read here, there's no setInputValue():

that might have been a solution.

Does this happen when you blur out of the input field? It seems like this might be a bug with the component when performing the search.
I’ve also encountered a similar issue.

1 Like

It looks like @nhanhv's use case ended up being version specific. If you're Cloud-hosted, it's likely a different issue

I think I'd need more info on the exact set up to try to reproduce the issue (i.e. how is the select component populated, what queries are triggered & when). If the component is re-rendering, you might need to leverage the default value field or a setValue event :thinking:

2 Likes

Hi @Steven_W
Did you get a solution to fix it? I am facing the same problem now.

Hi @nhanhv what version # are you using? Are you able to dm me an app export: