{"action":"created","issue":{"url":"https://api.github.com/repos/ionic-team/stencil/issues/623","repository_url":"https://api.github.com/repos/ionic-team/stencil","labels_url":"https://api.github.com/repos/ionic-team/stencil/issues/623/labels{/name}","comments_url":"https://api.github.com/repos/ionic-team/stencil/issues/623/comments","events_url":"https://api.github.com/repos/ionic-team/stencil/issues/623/events","html_url":"https://github.com/ionic-team/stencil/issues/623","id":305311439,"number":623,"title":"starter component does not re-render on property change in IE11","user":{"login":"neonguru","id":143506,"avatar_url":"https://avatars1.githubusercontent.com/u/143506?v=4","gravatar_id":"","url":"https://api.github.com/users/neonguru","html_url":"https://github.com/neonguru","followers_url":"https://api.github.com/users/neonguru/followers","following_url":"https://api.github.com/users/neonguru/following{/other_user}","gists_url":"https://api.github.com/users/neonguru/gists{/gist_id}","starred_url":"https://api.github.com/users/neonguru/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/neonguru/subscriptions","organizations_url":"https://api.github.com/users/neonguru/orgs","repos_url":"https://api.github.com/users/neonguru/repos","events_url":"https://api.github.com/users/neonguru/events{/privacy}","received_events_url":"https://api.github.com/users/neonguru/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-03-14T20:11:32Z","updated_at":"2018-03-15T14:54:46Z","closed_at":null,"author_association":"NONE","body":"<!--\r\nNOTE:\r\nBefore submitting an issue, please consult our docs -> https://stenciljs.com/\r\n-->\r\n\r\n**Stencil version:**\r\n<!-- (run `npm list @stencil/core` from a terminal/cmd prompt and paste output below): -->\r\n```\r\n @stencil/core@0.6.18\r\n```\r\n\r\n**I'm submitting a:**\r\n<!-- (check one with \"x\") -->\r\n[X ] bug report\r\n[ ] feature request\r\n[ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or https://stencil-worldwide.slack.com\r\n\r\n**Current behavior:**\r\n<!-- Describe how the bug manifests. -->\r\nRun a client of simple my-component starter in IE11 and it does not update (render) when a property is changed.\r\n\r\n**Expected behavior:**\r\n<!-- Describe what the behavior would be without the bug. -->\r\nIE11 should behave the same as other browsers and re-render when a property is changed.\r\n\r\n**Steps to reproduce:**\r\n<!-- If you are able to illustrate the bug or feature request with an example, please provide steps to reproduce and if possible a demo\r\n-->\r\n\r\nCreate a starter component:\r\ngit clone https://github.com/ionic-team/stencil-component-starter.git my-component\r\ncd my-component\r\ngit remote rm origin\r\nnpm install\r\nnpm build\r\n\r\ncd ..\r\nmd my-client\r\ncd my-client\r\nnpm link ../my-component\r\n\r\nadd index.html with the following content:\r\n\r\n    <!DOCTYPE html>\r\n    <html dir=\"ltr\" lang=\"en\">\r\n    <head>\r\n      <meta charset=\"utf-8\">\r\n      <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0\">\r\n      <link rel=\"icon\" href=\"data:,\">\r\n      <title>my-component client</title>\r\n      <script src=\"node_modules/my-component/dist/my-component.js\"></script>\r\n    </head>\r\n    <body>\r\n\r\n      <my-component first=\"one\" last=\"two\"></my-component>\r\n      <div style=\"margin:20px\">\r\n        <button onClick=\"setFirst()\">first to three</button>&nbsp;\r\n      </div>\r\n\r\n      <script>\r\n        function setFirst() {\r\n          var h = document.querySelector('my-component');\r\n          h.setAttribute('first', 'three');\r\n        }\r\n      </script>\r\n    </body>\r\n\r\n    </html>\r\n\r\nThe page renders correctly on load.\r\nBut clicking the button to change the attribute does not cause a re-render.\r\nNotice that the setFirst method changes the first attribute value to \"three\"\r\nThis causes a re-render on most browsers but fails in IE11.\r\nI confirmed the first attribute did change in the dom.\r\n\r\nI ran this with the following command:\r\n\r\n`http-server -p 3000`\r\n\r\nand viewed it at:\r\n\r\n`http://localhost:3000/`\r\n"},"comment":{"url":"https://api.github.com/repos/ionic-team/stencil/issues/comments/373404182","html_url":"https://github.com/ionic-team/stencil/issues/623#issuecomment-373404182","issue_url":"https://api.github.com/repos/ionic-team/stencil/issues/623","id":373404182,"user":{"login":"julesjanssen","id":492036,"avatar_url":"https://avatars1.githubusercontent.com/u/492036?v=4","gravatar_id":"","url":"https://api.github.com/users/julesjanssen","html_url":"https://github.com/julesjanssen","followers_url":"https://api.github.com/users/julesjanssen/followers","following_url":"https://api.github.com/users/julesjanssen/following{/other_user}","gists_url":"https://api.github.com/users/julesjanssen/gists{/gist_id}","starred_url":"https://api.github.com/users/julesjanssen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/julesjanssen/subscriptions","organizations_url":"https://api.github.com/users/julesjanssen/orgs","repos_url":"https://api.github.com/users/julesjanssen/repos","events_url":"https://api.github.com/users/julesjanssen/events{/privacy}","received_events_url":"https://api.github.com/users/julesjanssen/received_events","type":"User","site_admin":false},"created_at":"2018-03-15T14:54:46Z","updated_at":"2018-03-15T14:54:46Z","author_association":"NONE","body":"Probably the same as #588.\r\nAttribute updates also fail to re-render in Firefox."}}
{"actor":{"display_login":"julesjanssen"}}