{"action":"closed","issue":{"url":"https://api.github.com/repos/ionic-team/ionic/issues/13779","repository_url":"https://api.github.com/repos/ionic-team/ionic","labels_url":"https://api.github.com/repos/ionic-team/ionic/issues/13779/labels{/name}","comments_url":"https://api.github.com/repos/ionic-team/ionic/issues/13779/comments","events_url":"https://api.github.com/repos/ionic-team/ionic/issues/13779/events","html_url":"https://github.com/ionic-team/ionic/issues/13779","id":286457304,"node_id":"MDU6SXNzdWUyODY0NTczMDQ=","number":13779,"title":"many ion-select will report  non-unique id #undefined","user":{"login":"Merlin-Xu","id":8390675,"node_id":"MDQ6VXNlcjgzOTA2NzU=","avatar_url":"https://avatars0.githubusercontent.com/u/8390675?v=4","gravatar_id":"","url":"https://api.github.com/users/Merlin-Xu","html_url":"https://github.com/Merlin-Xu","followers_url":"https://api.github.com/users/Merlin-Xu/followers","following_url":"https://api.github.com/users/Merlin-Xu/following{/other_user}","gists_url":"https://api.github.com/users/Merlin-Xu/gists{/gist_id}","starred_url":"https://api.github.com/users/Merlin-Xu/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Merlin-Xu/subscriptions","organizations_url":"https://api.github.com/users/Merlin-Xu/orgs","repos_url":"https://api.github.com/users/Merlin-Xu/repos","events_url":"https://api.github.com/users/Merlin-Xu/events{/privacy}","received_events_url":"https://api.github.com/users/Merlin-Xu/received_events","type":"User","site_admin":false},"labels":[{"id":1109084545,"node_id":"MDU6TGFiZWwxMTA5MDg0NTQ1","url":"https://api.github.com/repos/ionic-team/ionic/labels/ionitron:%20v3","name":"ionitron: v3","color":"baf989","default":false}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":4,"created_at":"2018-01-06T04:00:14Z","updated_at":"2018-11-29T00:20:31Z","closed_at":"2018-11-29T00:20:30Z","author_association":"NONE","body":"<!-- Before submitting an issue, please consult our troubleshooting guide (http://ionicframework.com/docs/troubleshooting/) and developer resources (http://ionicframework.com/docs/developer-resources/) -->\r\n\r\n<!-- Please make sure you are posting an issue pertaining to the Ionic Framework. If you are having an issue with the Ionic Pro services (Ionic View, Ionic Deploy, etc.) please consult the Ionic Pro support portal (http://support.ionicjs.com) -->\r\n\r\n**Ionic version:**  (check one with \"x\")\r\n(For Ionic 1.x issues, please use https://github.com/ionic-team/ionic-v1)\r\n\r\n[ionic ] **3.x**\r\n\r\n**I'm submitting a ...**  (check one with \"x\")\r\n[1 ] bug report\r\n\r\n\r\nPlease do not submit support requests or \"How to\" questions here. Instead, please use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/\r\n\r\n**Current behavior:**\r\n<!-- Describe how the bug manifests. -->\r\nCreate many ion-select . the button id of select  always is undefined.\r\n\r\nBrowser will print error log as below .\r\n>  [DOM] Found 13 elements with non-unique id #undefined: (More info: https://goo.gl/9p2vKq) <button aria-haspopup=​\"true\" class=​\"item-cover disable-hover item-cover-ios item-cover-default item-cover-default-ios\" ion-button=​\"item-cover\" type=​\"button\" id=​\"undefined\" aria-disabled=​\"false\">​…​</button>​ <button aria-haspopup=​\"true\" class=​\"item-cover disable-hover item-cover-ios item-cover-default item-cover-default-ios\" ion-button=​\"item-cover\" type=​\"button\" id=​\"undefined\" aria-disabled=​\"false\">​…​</button>​ <button aria-haspopup=​\"true\" class=​\"item-cover disable-hover item-cover-ios item-cover-default item-cover-default-ios\" ion-button=​\"item-cover\" type=​\"button\" id=​\"undefined\" aria-disabled=​\"false\">​…​</button>​ <button aria-haspopup=​\"true\" class=​\"item-cover disable-hover item-cover-ios item-cover-default item-cover-default-ios\" ion-button=​\"item-cover\" type=​\"button\" id=​\"undefined\" aria-disabled=​\"false\">​…​</button>​ <button aria-haspopup=​\"true\" class=​\"item-cover disable-hover item-cover-ios item-cover-default item-cover-default-ios\" ion-button=​\"item-cover\" type=​\"button\" id=​\"undefined\" aria-disabled=​\"false\">​…​</button>​ <button aria-haspopup=​\"true\" class=​\"item-cover disable-hover item-cover-ios item-cover-default item-cover-default-ios\" ion-button=​\"item-cover\" type=​\"button\" id=​\"undefined\" aria-disabled=​\"false\">​…​</button>​ <button aria-haspopup=​\"true\" class=​\"item-cover disable-hover item-cover-ios item-cover-default item-cover-default-ios\" ion-button=​\"item-cover\" type=​\"button\" id=​\"undefined\" aria-disabled=​\"false\">​…​</button>​ <button aria-haspopup=​\"true\" class=​\"item-cover disable-hover item-cover-ios item-cover-default item-cover-default-ios\" ion-button=​\"item-cover\" type=​\"button\" id=​\"undefined\" aria-disabled=​\"false\">​…​</button>​ <button aria-haspopup=​\"true\" class=​\"item-cover disable-hover item-cover-ios item-cover-default item-cover-default-ios\" ion-button=​\"item-cover\" type=​\"button\" id=​\"undefined\" aria-disabled=​\"false\">​…​</button>​ <button aria-haspopup=​\"true\" class=​\"item-cover disable-hover item-cover-ios item-cover-default item-cover-default-ios\" ion-button=​\"item-cover\" type=​\"button\" id=​\"undefined\" aria-disabled=​\"false\">​…​</button>​ <button aria-haspopup=​\"true\" class=​\"item-cover disable-hover item-cover-ios item-cover-default item-cover-default-ios\" ion-button=​\"item-cover\" type=​\"button\" id=​\"undefined\" aria-disabled=​\"false\">​…​</button>​ <button aria-haspopup=​\"true\" class=​\"item-cover disable-hover item-cover-ios item-cover-default item-cover-default-ios\" ion-button=​\"item-cover\" type=​\"button\" id=​\"undefined\" aria-disabled=​\"false\">​…​</button>​ <button aria-haspopup=​\"true\" class=​\"item-cover disable-hover item-cover-ios item-cover-default item-cover-default-ios\" ion-button=​\"item-cover\" type=​\"button\" id=​\"undefined\" aria-disabled=​\"false\">​…​</button>​\r\n> **Expected behavior:**\r\n\r\n<!-- Describe what the behavior would be without the bug. -->\r\n\r\n**Steps to reproduce:**\r\n<!--  Please explain the steps required to duplicate the issue, especially if you are able to provide a sample application. -->\r\n\r\n**Related code:**\r\n\r\n<!-- If you are able to illustrate the bug or feature request with an example, please provide a sample application via one of the following means:\r\n\r\nA sample application via GitHub\r\n\r\nStackBlitz (https://stackblitz.com)\r\n\r\nPlunker (http://plnkr.co/edit/cpeRJs?p=preview)\r\n\r\n-->\r\n\r\n```\r\n<ion-select cancelText=\"{{'USER_MANAGE.LABEL.CANCEL' | translate }}\" interface=\"popover\" class=\"width100 bg-light-gray border-radius5\" formControlName=\"functionCode\" placeholder=\"{{ 'USER_MANAGE.LABEL.FUNC' | translate }}\" [id]=\"id+'func'\">\r\n                            <ion-option *ngFor=\"let opt of funcs\" (ionSelect)=\"selectFunc(opt,i)\" [value]=\"opt.functionCode\">{{opt.functionName}}</ion-option>\r\n                        </ion-select>\r\n<ion-select cancelText=\"{{'USER_MANAGE.LABEL.CANCEL' | translate }}\" interface=\"popover\" class=\"width100 bg-light-gray border-radius5\" formControlName=\"functionCode\" placeholder=\"{{ 'USER_MANAGE.LABEL.FUNC' | translate }}\" [id]=\"id+'func'\">\r\n                            <ion-option *ngFor=\"let opt of funcs\" (ionSelect)=\"selectFunc(opt,i)\" [value]=\"opt.functionCode\">{{opt.functionName}}</ion-option>\r\n                        </ion-select>\r\n<ion-select cancelText=\"{{'USER_MANAGE.LABEL.CANCEL' | translate }}\" interface=\"popover\" class=\"width100 bg-light-gray border-radius5\" formControlName=\"functionCode\" placeholder=\"{{ 'USER_MANAGE.LABEL.FUNC' | translate }}\" [id]=\"id+'func'\">\r\n                            <ion-option *ngFor=\"let opt of funcs\" (ionSelect)=\"selectFunc(opt,i)\" [value]=\"opt.functionCode\">{{opt.functionName}}</ion-option>\r\n                        </ion-select>\r\n<ion-select cancelText=\"{{'USER_MANAGE.LABEL.CANCEL' | translate }}\" interface=\"popover\" class=\"width100 bg-light-gray border-radius5\" formControlName=\"functionCode\" placeholder=\"{{ 'USER_MANAGE.LABEL.FUNC' | translate }}\" [id]=\"id+'func'\">\r\n                            <ion-option *ngFor=\"let opt of funcs\" (ionSelect)=\"selectFunc(opt,i)\" [value]=\"opt.functionCode\">{{opt.functionName}}</ion-option>\r\n                        </ion-select>\r\n<ion-select cancelText=\"{{'USER_MANAGE.LABEL.CANCEL' | translate }}\" interface=\"popover\" class=\"width100 bg-light-gray border-radius5\" formControlName=\"functionCode\" placeholder=\"{{ 'USER_MANAGE.LABEL.FUNC' | translate }}\" [id]=\"id+'func'\">\r\n                            <ion-option *ngFor=\"let opt of funcs\" (ionSelect)=\"selectFunc(opt,i)\" [value]=\"opt.functionCode\">{{opt.functionName}}</ion-option>\r\n                        </ion-select>\r\n<ion-select cancelText=\"{{'USER_MANAGE.LABEL.CANCEL' | translate }}\" interface=\"popover\" class=\"width100 bg-light-gray border-radius5\" formControlName=\"functionCode\" placeholder=\"{{ 'USER_MANAGE.LABEL.FUNC' | translate }}\" [id]=\"id+'func'\">\r\n                            <ion-option *ngFor=\"let opt of funcs\" (ionSelect)=\"selectFunc(opt,i)\" [value]=\"opt.functionCode\">{{opt.functionName}}</ion-option>\r\n                        </ion-select>\r\n```\r\n\r\n**Other information:**\r\n<!-- List any other information that is relevant to your issue. Stack traces, related issues, suggestions on how to fix, Stack Overflow links, forum links, etc. -->\r\n\r\n\r\n\r\n\r\n"}}
{"actor":{"display_login":"ionitron-bot"}}