{"action":"opened","issue":{"url":"https://api.github.com/repos/PolymerElements/polymer-starter-kit/issues/300","labels_url":"https://api.github.com/repos/PolymerElements/polymer-starter-kit/issues/300/labels{/name}","comments_url":"https://api.github.com/repos/PolymerElements/polymer-starter-kit/issues/300/comments","events_url":"https://api.github.com/repos/PolymerElements/polymer-starter-kit/issues/300/events","html_url":"https://github.com/PolymerElements/polymer-starter-kit/issues/300","id":99638708,"number":300,"title":"iron-collapse not creating expected methods on the DOM","user":{"login":"PolakAllen","id":4852396,"avatar_url":"https://avatars.githubusercontent.com/u/4852396?v=3","gravatar_id":"","url":"https://api.github.com/users/PolakAllen","html_url":"https://github.com/PolakAllen","followers_url":"https://api.github.com/users/PolakAllen/followers","following_url":"https://api.github.com/users/PolakAllen/following{/other_user}","gists_url":"https://api.github.com/users/PolakAllen/gists{/gist_id}","starred_url":"https://api.github.com/users/PolakAllen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/PolakAllen/subscriptions","organizations_url":"https://api.github.com/users/PolakAllen/orgs","repos_url":"https://api.github.com/users/PolakAllen/repos","events_url":"https://api.github.com/users/PolakAllen/events{/privacy}","received_events_url":"https://api.github.com/users/PolakAllen/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-08-07T12:30:28Z","updated_at":"2015-08-07T12:30:28Z","closed_at":null,"body":"With the current setup, I'm unable to do a simple <iron-collapse> test. I'm rather confused by this, as there are other working iron components on the page (icons are working). Also I've verified that at least one other component has its expected methods:\r\n```\r\ndocument.querySelector('#paperDrawerPanel').closeDrawer // is defined\r\n```\r\n\r\nI'm sure I'm doing something wrong, but I have no idea what.\r\n\r\nTo reproduce, I reverted to fb3df07 had the following diff:\r\n```\r\ndiff --git a/app/index.html b/app/index.html\r\nindex 8cf45b8..ef91bf3 100644\r\n--- a/app/index.html\r\n+++ b/app/index.html\r\n@@ -171,6 +171,10 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN\r\n                 <h2 class=\"paper-font-display2\">Contact</h2>\r\n                 <p>This is the contact section</p>\r\n               </paper-material>\r\n+              <paper-material elevation=\"1\">\r\n+                <button on-click=\"expand\">Expand Me!</button>\r\n+                <iron-collapse id=\"expand-test\"><div>This is some expanded content</div></iron-collapse>\r\n+              </paper-material>\r\n             </section>\r\n \r\n           </iron-pages>\r\ndiff --git a/app/scripts/app.js b/app/scripts/app.js\r\nindex 5be8cf1..c0c652f 100644\r\n--- a/app/scripts/app.js\r\n+++ b/app/scripts/app.js\r\n@@ -63,4 +63,10 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN\r\n     }\r\n   };\r\n \r\n+  app.expand = function() {\r\n+    var collapsable = document.querySelector('#expand-test');\r\n+    console.log('Toggling expansion state', collapsable.opened);\r\n+    collapsable.toggle();\r\n+  };\r\n+\r\n })(document);\r\n```\r\nClicking the button finds the element, but the element does not have the opened or toggle properties defined.\r\n"}}