https://i.sstatic.net/GYpNe.png
I have created a dropdown select menu using AngularJS's ng-options. The selection and submission processes are functioning correctly. However, as shown in the image, the dropdown menu does not collapse as intended; it displays all options at once. Here is the code for the select menu:
<label>Role Type:
<select ng-options="role for role in roles" ng-model="Role_Type" size = "10">
<option value="">-- Select Type --</option>
</select>
</label>
Within my controller, the following code is implemented:
$scope.roles = ['One', 'Two', 'Three', 'Four'];