AngularJS ng-option is displayed not good in IE browser


  • I have issue with IE when I use ng-option and textbox, please help me !

    I investigated, When I remove attribute placeholder it worked ok, but I want to use placeholder to explain for my textbox

    Follow steps to reproduce this issue:

    Open on IE browser:

    Step 1: Click on TextBox

    Step 2: Click on Dropdown list

    Expected Result:  options of select tag work well, not expand width 

    Actual Result: options expand width

    My script:

    <!DOCTYPE html>
    <script src=""></script>

    <div ng-app="myApp" ng-controller="myCtrl">

    <select ng-model="selectedName" ng-options="item for item in names">
    <input id="abc" name="abc" placeholder="input your text">

    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
        $scope.names = ["Emil", "Tobias", "Linus"];

    <p>This example shows how to fill a dropdown list using the ng-options directive.</p>


    Tuesday, November 28, 2017 11:21 AM