Search Box not enabled in the dropdown

[sanktify]

Code used in the Index.html:
<select chosen options="countries" data-placeholder="Choose a Country..." data-ng-model="country.selected" data-ng-options="country.text for country in countries" data-ng-show="showEditProfile"></select>

The Steps followed:

1. Files included as per the article
2. ['angular.chosen'] added as a dependency in the module.

The countries list is populated from the WebAPI and its working fine till now. I am not able to get the search box, could you please help.

Browsers used:

1. Chrome
2. IE-11
3. Firefox

[adityasharat]

Can you check if there are any exceptions in the console and please share the countries array.

[sanktify]

There is no exception in the console.

The countries array in the scope looks like this when filled from the WebAPI call:

countries:Array[247]
[0 … 99]
0:Object
text:"Andorra"
value:"AD"
proto:Object
1:Object
text:"United Arab Emirates"
value:"AE"
proto:Object
2:Object
text:"Afghanistan"
value:"AF"
proto:Object

......._

The scenario is such that, on page load the countries are populated in the array, when i click on the a button the country dropdown is enabled and displayed. When the dropdown enables, the list is populated correctly but the search box fails to show.

[adityasharat]

Everything seems to be in order. It would be extremely helpful if you could share a fiddle.
Also, do mention the version of angular you are using. This may not be an issue with chosen. Unsure though

[sanktify]

It worked with another tool similar to chosen and it was also in angular. i will try making a fiddle and sending it across to you.
Using the latest version of angular from the google library.