In my angular web application, I have a select element that is populated with data from an AJAX call. The issue I am facing is that the options in the select are not displayed until the select box is clicked on and then unfocused. Only after this action, all the data is populated in the select when clicked again.
I'm wondering if this behavior is a bug or if there is a specific reason why the data is not initially inserted into the select element.
I've tried various solutions like the one mentioned here: angular.js select doesn't show the option value in the beginning, as well as searched through other related questions on Stack Overflow. However, my problem differs slightly as:
Initially, there are no options visible in the select until the user interacts with it by clicking and unfocusing. Most of the answers I found address issues where the top option is not selected by default.