{"action":"closed","issue":{"url":"https://api.github.com/repos/angular/angular.js/issues/6844","repository_url":"https://api.github.com/repos/angular/angular.js","labels_url":"https://api.github.com/repos/angular/angular.js/issues/6844/labels{/name}","comments_url":"https://api.github.com/repos/angular/angular.js/issues/6844/comments","events_url":"https://api.github.com/repos/angular/angular.js/issues/6844/events","html_url":"https://github.com/angular/angular.js/issues/6844","id":30171782,"number":6844,"title":"Dropdown in IE9+ fails to replace option text","user":{"login":"adamzuckerman","id":6227944,"avatar_url":"https://avatars.githubusercontent.com/u/6227944?v=3","gravatar_id":"","url":"https://api.github.com/users/adamzuckerman","html_url":"https://github.com/adamzuckerman","followers_url":"https://api.github.com/users/adamzuckerman/followers","following_url":"https://api.github.com/users/adamzuckerman/following{/other_user}","gists_url":"https://api.github.com/users/adamzuckerman/gists{/gist_id}","starred_url":"https://api.github.com/users/adamzuckerman/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/adamzuckerman/subscriptions","organizations_url":"https://api.github.com/users/adamzuckerman/orgs","repos_url":"https://api.github.com/users/adamzuckerman/repos","events_url":"https://api.github.com/users/adamzuckerman/events{/privacy}","received_events_url":"https://api.github.com/users/adamzuckerman/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/angular/angular.js/labels/browser:%20IE10","name":"browser: IE10","color":"d4c5f9"},{"url":"https://api.github.com/repos/angular/angular.js/labels/browser:%20IE11","name":"browser: IE11","color":"207de5"},{"url":"https://api.github.com/repos/angular/angular.js/labels/browser:%20IE8","name":"browser: IE8","color":"ededed"},{"url":"https://api.github.com/repos/angular/angular.js/labels/browser:%20IE9","name":"browser: IE9","color":"c7def8"},{"url":"https://api.github.com/repos/angular/angular.js/labels/component:%20forms","name":"component: forms","color":"7B947B"},{"url":"https://api.github.com/repos/angular/angular.js/labels/frequency:%20moderate","name":"frequency: moderate","color":"fef2c0"},{"url":"https://api.github.com/repos/angular/angular.js/labels/severity:%20broken%20expected%20use","name":"severity: broken expected use","color":"fbda00"},{"url":"https://api.github.com/repos/angular/angular.js/labels/type:%20bug","name":"type: bug","color":"000000"}],"state":"closed","locked":false,"assignee":null,"milestone":{"url":"https://api.github.com/repos/angular/angular.js/milestones/27","html_url":"https://github.com/angular/angular.js/milestones/Backlog","labels_url":"https://api.github.com/repos/angular/angular.js/milestones/27/labels","id":489171,"number":27,"title":"Backlog","description":"Holds the backlog of issues and pull requests that have been triaged.\r\n\r\nBefore assigning items to this milestone they should be labelled, at the very least with the correct \"type\" label (i.e. \"issue\", \"pr\", \"bug\", \"regression\", \"chore\", \"docs\", etc).  Preferably you should also check for duplicate issues/PRs, note CLA status and assign \"complexity\" and \"impact\" labels too.","creator":{"login":"IgorMinar","id":216296,"avatar_url":"https://avatars.githubusercontent.com/u/216296?v=3","gravatar_id":"","url":"https://api.github.com/users/IgorMinar","html_url":"https://github.com/IgorMinar","followers_url":"https://api.github.com/users/IgorMinar/followers","following_url":"https://api.github.com/users/IgorMinar/following{/other_user}","gists_url":"https://api.github.com/users/IgorMinar/gists{/gist_id}","starred_url":"https://api.github.com/users/IgorMinar/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/IgorMinar/subscriptions","organizations_url":"https://api.github.com/users/IgorMinar/orgs","repos_url":"https://api.github.com/users/IgorMinar/repos","events_url":"https://api.github.com/users/IgorMinar/events{/privacy}","received_events_url":"https://api.github.com/users/IgorMinar/received_events","type":"User","site_admin":false},"open_issues":600,"closed_issues":1189,"state":"open","created_at":"2013-11-18T23:30:35Z","updated_at":"2016-04-09T10:59:40Z","due_on":null,"closed_at":null},"comments":8,"created_at":"2014-03-25T22:54:44Z","updated_at":"2016-04-09T10:59:40Z","closed_at":"2016-04-09T10:59:40Z","body":"Failing jsfiddle example: http://jsfiddle.net/fa3kq/\r\n\r\nThis only occurs in IE8+ using any version of AngularJS from at least 1.2.1 onward.\r\n\r\nUsing the Tab key, tab until the lower dropdown is highlighted. Then using the arrow keys, press the down arrow to see the unchanged description for the option. If you click on the dropdown, the display is correct.\r\n\r\nIf I could set the first dropdown's selected option, I would use that syntax. That does not appear to be possible without writing some javascript to set the default value after loading my dropdowns.\r\n\r\nHTML:\r\n```html\r\n<div ng-app=\"zquestions\">\r\n    <div ng-controller=\"questionCtrl\">\r\n        <select id=\"ddApps\" name=\"ddApps\" ng-model=\"app.Answer\" ng-options=\"app.id as app.description for (id, app) in model.apps\">\r\n            <option value=\"\" disabled>Select an application...</option>\r\n        </select>\r\n        {{app.Answer}}\r\n        <div ng-repeat=\"question in model.questions\">\r\n            <div class=\"control-group\">\r\n                <select id=\"{{question.id}}\" name=\"{{question.Name}}\" ng-model=\"question.Answer\" class=\"{{question.inputclass}}\" ng-required=\"question.required && question.visible\" title=\"{{question.title}}\" ng-disabled=\"question.enabled == false\" ng-cloak>\r\n                    <option value=\"\" disabled>{{question.placeholder}}</option>\r\n                    <option ng-repeat=\"item in question.lov\" value=\"{{item.value}}\" ng-selected=\"{{item.value == question.defaultvalue}}\" ng-hide=\"{{item.hidden}}\" ng-disabled=\"{{item.hidden}}\">{{item.description}}</option>\r\n                </select>\r\n            </div>\r\n            {{question.Answer}}\r\n        </div>\r\n    </div>\r\n</div>\r\n```\r\n\r\nJavascript:\r\n```javascript\r\nvar app = angular.module('zquestions', []);\r\n\r\napp.controller('questionCtrl', function ($scope) {\r\n    $scope.model = {};\r\n    $scope.model.apps = [{\r\n        \"id\": 1,\r\n        \"programId\": 14,\r\n        \"description\": \"Application for something special\",\r\n        \"active\": true,\r\n        \"sortorder\": 10\r\n    }, {\r\n        \"id\": 2,\r\n        \"programId\": 11,\r\n        \"description\": \"Application for something beyond belief\",\r\n        \"active\": false,\r\n        \"sortorder\": 20\r\n    }, {\r\n        \"id\": 3,\r\n        \"programId\": 8,\r\n        \"description\": \"Application for something out of this world\",\r\n        \"active\": true,\r\n        \"sortorder\": 30\r\n    }];\r\n    $scope.model.questions = [{\r\n        \"id\": 121,\r\n            \"Name\": \"Contact_State\",\r\n            \"label\": \"State:\",\r\n            \"type\": 4,\r\n            \"Active\": true,\r\n            \"required\": true,\r\n            \"enabled\": true,\r\n            \"Template\": false,\r\n            \"title\": \"Select the state from the list below.\",\r\n            \"placeholder\": \"Select state\",\r\n            \"defaultvalue\": null,\r\n            \"Answer\": null,\r\n            \"maxlength\": -1,\r\n            \"editmask\": null,\r\n            \"labelclass\": null,\r\n            \"inputclass\": null,\r\n            \"lov\": [{\r\n            \"applicationId\": \"1\",\r\n                \"value\": \"AK\",\r\n                \"description\": \"Alaska\",\r\n                \"hidden\": \"false\"\r\n        }, {\r\n            \"applicationId\": \"1\",\r\n                \"value\": \"AL\",\r\n                \"description\": \"Alabama\",\r\n                \"hidden\": \"false\"\r\n        }, {\r\n            \"applicationId\": \"1\",\r\n                \"value\": \"AR\",\r\n                \"description\": \"Arkansas\",\r\n                \"hidden\": \"false\"\r\n        }, {\r\n            \"applicationId\": \"1\",\r\n                \"value\": \"AZ\",\r\n                \"description\": \"Arizona\",\r\n                \"hidden\": \"false\"\r\n        }, {\r\n            \"applicationId\": \"2\",\r\n                \"value\": \"CA\",\r\n                \"description\": \"California\",\r\n                \"hidden\": \"false\"\r\n        }, {\r\n            \"applicationId\": \"2\",\r\n                \"value\": \"CO\",\r\n                \"description\": \"Colorado\",\r\n                \"hidden\": \"false\"\r\n        }, {\r\n            \"applicationId\": \"2\",\r\n                \"value\": \"CT\",\r\n                \"description\": \"Connecticut\",\r\n                \"hidden\": \"false\"\r\n        }],\r\n            \"containerclass\": \"container container-width-one-quarter\",\r\n            \"visible\": true,\r\n            \"MinValue\": null,\r\n            \"MaxValue\": null,\r\n            \"LookupID\": null,\r\n            \"Subform\": null\r\n    }];\r\n});\r\n```"}}