{"action":"created","issue":{"url":"https://api.github.com/repos/Zecat/paper-stepper/issues/12","repository_url":"https://api.github.com/repos/Zecat/paper-stepper","labels_url":"https://api.github.com/repos/Zecat/paper-stepper/issues/12/labels{/name}","comments_url":"https://api.github.com/repos/Zecat/paper-stepper/issues/12/comments","events_url":"https://api.github.com/repos/Zecat/paper-stepper/issues/12/events","html_url":"https://github.com/Zecat/paper-stepper/issues/12","id":157776790,"number":12,"title":"In version: v2.0-beta.1 -- Uncaught TypeError: Cannot read property 'length' of ","user":{"login":"jamesmgg","id":774806,"avatar_url":"https://avatars.githubusercontent.com/u/774806?v=3","gravatar_id":"","url":"https://api.github.com/users/jamesmgg","html_url":"https://github.com/jamesmgg","followers_url":"https://api.github.com/users/jamesmgg/followers","following_url":"https://api.github.com/users/jamesmgg/following{/other_user}","gists_url":"https://api.github.com/users/jamesmgg/gists{/gist_id}","starred_url":"https://api.github.com/users/jamesmgg/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jamesmgg/subscriptions","organizations_url":"https://api.github.com/users/jamesmgg/orgs","repos_url":"https://api.github.com/users/jamesmgg/repos","events_url":"https://api.github.com/users/jamesmgg/events{/privacy}","received_events_url":"https://api.github.com/users/jamesmgg/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-05-31T21:38:35Z","updated_at":"2016-06-02T16:27:45Z","closed_at":null,"body":"Hello, the paper-stepper sort of works, though I'm getting the exception below when using the paper stepper. When I say it sort of works, is that it looks like the image below. Clicking through it works, but it's not styled properly.\r\n\r\n![screen shot 2016-05-31 at 4 45 58 pm](https://cloud.githubusercontent.com/assets/774806/15691600/58d3638a-274f-11e6-87ec-1d179a6e5452.png)\r\n\r\n> Uncaught TypeError: Cannot read property 'length' of undefinedPolymer.IronA11yKeysBehavior._unlistenKeyEventListeners @ iron-a11y-keys-behavior.html:414Polymer.IronA11yKeysBehavior.detached @ iron-a11y-keys-behavior.html:302Polymer.Base._addFeature._invokeBehavior @ polymer-micro.html:414Polymer.Base._addFeature._doBehavior @ polymer-micro.html:407Polymer.Base.detachedCallback @ polymer-micro.html:217DomApi.(anonymous function) @ polymer-mini.html:1245(anonymous function) @ paper-stepper.html:91Polymer.ready @ paper-stepper.html:90Polymer.Base._addFeature._invokeBehavior @ polymer-micro.html:414Polymer.Base._addFeature._doBehavior @ polymer-micro.html:409Polymer.Base._addFeature._readySelf @ polymer-mini.html:89Polymer.Base._addFeature._ready @ polymer-mini.html:76Polymer.Base._addFeature._readyClients @ polymer-mini.html:83Polymer.Base._addFeature._ready @ polymer-mini.html:71Polymer.Base._addFeature._readyClients @ polymer-mini.html:83Polymer.Base._addFeature._ready @ polymer-mini.html:71Polymer.Base._addFeature._tryReady @ polymer-mini.html:61Polymer.Base._addFeature._initFeatures @ polymer.html:3576Polymer.Base.createdCallback @ polymer-micro.html:194\r\n\r\n```\r\n<!--\r\n@license\r\nCopyright (c) 2016 The Polymer Project Authors. All rights reserved.\r\nThis code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt\r\nThe complete set of authors may be found at http://polymer.github.io/AUTHORS.txt\r\nThe complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt\r\nCode distributed by Google as part of the polymer project is also\r\nsubject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt\r\n-->\r\n\r\n<link rel=\"import\" href=\"../bower_components/polymer/polymer.html\">\r\n<link rel=\"import\" href=\"../bower_components/neon-animation/neon-animatable.html\">\r\n<link rel=\"import\" href=\"../bower_components/neon-animation/neon-animated-pages.html\">\r\n<link rel=\"import\" href=\"../bower_components/neon-animation/neon-animations.html\">\r\n<link rel=\"import\" href=\"../bower_components/paper-stepper/paper-stepper.html\">\r\n<link rel=\"import\" href=\"../bower_components/paper-stepper/paper-step.html\">\r\n<link rel=\"import\" href=\"../bower_components/paper-input/paper-input.html\">\r\n<link rel=\"import\" href=\"../bower_components/paper-input/paper-textarea.html\">\r\n\r\n\r\n<dom-module id=\"candid-apps\">\r\n\r\n  <template>\r\n\r\n    <style>\r\n      :host {\r\n        display: block;\r\n        padding: 10px;\r\n      }\r\n      .card {\r\n        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);\r\n        padding: 16px;\r\n        margin: 24px;\r\n        border-radius: 5px;\r\n        background-color: #fff;\r\n        color: #757575;\r\n      }\r\n      .circle {\r\n        display: inline-block;\r\n        height: 64px;\r\n        width: 64px;\r\n        border-radius: 50%;\r\n        background: #ddd;\r\n        line-height: 64px;\r\n        font-size: 30px;\r\n        color: #555;\r\n        text-align: center;\r\n      }\r\n      h1 {\r\n        font-size: 22px;\r\n        margin: 16px 0;\r\n        color: #212121;\r\n      }\r\n\r\n\r\n      .toolbar {\r\n        position: relative;\r\n        padding: 8px;\r\n        background-color: white;\r\n        z-index: 12;\r\n      }\r\n      neon-animatable {\r\n        height:500px;\r\n      }\r\n\r\n    </style>\r\n\r\n    <div class=\"toolbar\">\r\n        <button on-click=\"_onPrevClick\">&#8678;</button>\r\n        <button on-click=\"_onNextClick\">&#8680;</button>\r\n    </div>\r\n\r\n\r\n    <paper-stepper>\r\n      <paper-step label=\"Create an account\" summarize=\"Summarize if needed\">\r\n        <form is=\"iron-form\" method=\"post\" action=\"/\">\r\n          <paper-input label=\"Pseudo\"></paper-input>\r\n          <paper-input type=\"password\" label=\"Password\"></paper-input>\r\n          <paper-input type=\"password\" label=\"Confirm password\"></paper-input>\r\n        </form>\r\n      </paper-step>\r\n      <paper-step label=\"Enter personal informations\">\r\n        <paper-input label=\"Name\"></paper-input>\r\n        <paper-input label=\"Address\"></paper-input>\r\n      </paper-step>\r\n      <paper-step label=\"Write a word about you\" editable optional>\r\n        <paper-textarea label=\"Your description\" rows=\"3\"></paper-textarea>\r\n      </paper-step>\r\n      <paper-step label=\"Enter personal informations\">\r\n        <paper-input label=\"Name\"></paper-input>\r\n        <paper-input label=\"Address\"></paper-input>\r\n      </paper-step>\r\n    </paper-stepper>\r\n    <neon-animated-pages\r\n      id=\"pages\"\r\n      class=\"flex\"\r\n      selected=\"[[selected]]\"\r\n      entry-animation=\"[[entryAnimation]]\"\r\n      exit-animation=\"[[exitAnimation]]\">\r\n      <neon-animatable>\r\n        <div class=\"card\">\r\n          <div class=\"circle\">1</div>\r\n          <h1>View One</h1>\r\n          <p>Ut labores minimum atomorum pro. Laudem tibique ut has.\r\n          <p>Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea.Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea.Cu mei vide viris gloriatur, at populo eripuit sit.</p>\r\n        </div>\r\n      </neon-animatable>\r\n      <neon-animatable>\r\n        <div class=\"card\">\r\n          <div class=\"circle\">2</div>\r\n          <h1>View Two</h1>\r\n          <p>Ut labores minimum atomorum pro. Laudem tibique ut has.\r\n          <p>Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea.Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea.Cu mei vide viris gloriatur, at populo eripuit sit.</p>\r\n        </div>\r\n      </neon-animatable>\r\n      <neon-animatable>\r\n        <div class=\"card\">\r\n          <div class=\"circle\">3</div>\r\n          <h1>View Three</h1>\r\n          <p>Ut labores minimum atomorum pro. Laudem tibique ut has.\r\n          <p>Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea.Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea.Cu mei vide viris gloriatur, at populo eripuit sit.</p>\r\n        </div>\r\n      </neon-animatable>\r\n    </neon-animated-pages>\r\n\r\n  </template>\r\n\r\n  <script>\r\n\r\n    Polymer({\r\n\r\n      is: 'candid-apps',\r\n      properties: {\r\n        selected: {\r\n          type: Number,\r\n          value: 0,\r\n          notify: true,\r\n          reflectToAttribute: true\r\n        },\r\n        entryAnimation: {\r\n          type: String,\r\n          value: \"slide-from-bottom-animation\",\r\n          notify: true,\r\n          reflectToAttribute: true\r\n        },\r\n        exitAnimation: {\r\n          type: String,\r\n          value: \"slide-up-animation\",\r\n          notify: true,\r\n          reflectToAttribute: true\r\n        },\r\n      },\r\n      listeners: {\r\n        '_onPrevClick': '_onPrevClick',\r\n        '_onNextClick': '_onNextClick'\r\n      },\r\n      _onPrevClick: function() {\r\n        this.selected = this.selected === 0 ? 2 : (this.selected - 1);\r\n        console.log(this.selected)\r\n      },\r\n      _onNextClick: function() {\r\n        this.selected = this.selected === 2 ? 0 : (this.selected + 1);\r\n        console.log(this.selected)\r\n      }\r\n\r\n    });\r\n\r\n\r\n  </script>\r\n\r\n</dom-module>\r\n\r\n```\r\n```\r\n\r\n{\r\n  \"name\": \"app-drawer-template\",\r\n  \"authors\": [\r\n    \"The Polymer Authors\"\r\n  ],\r\n  \"private\": true,\r\n  \"dependencies\": {\r\n    \"app-layout\": \"polymerelements/app-layout#^0.9.0\",\r\n    \"app-route\": \"polymerelements/app-route#^0.9.1\",\r\n    \"iron-demo-helpers\": \"~1.2.3\",\r\n    \"iron-form\": \"~1.0.16\",\r\n    \"iron-flex-layout\": \"polymerelements/iron-flex-layout#^1.3.1\",\r\n    \"iron-icon\": \"polymerelements/iron-icon#^1.0.0\",\r\n    \"iron-iconset-svg\": \"polymerelements/iron-iconset-svg#^1.0.0\",\r\n    \"iron-localstorage\": \"polymerelements/iron-localstorage#^1.0.0\",\r\n    \"iron-media-query\": \"polymerelements/iron-media-query#^1.0.0\",\r\n    \"iron-pages\": \"polymerelements/iron-pages#^1.0.0\",\r\n    \"iron-selector\": \"polymerelements/iron-selector#^1.3.0\",\r\n    \"neon-animation\": \"~1.1.1\",\r\n    \"paper-icon-button\": \"PolymerElements/paper-icon-button#~1.1.1\",\r\n    \"paper-input\": \"~1.1.11\",\r\n    \"paper-slider\": \"PolymerElements/paper-slider#~1.0.11\",\r\n    \"paper-stepper\": \"https://github.com/Zecat/paper-stepper.git#v2.0-beta.1\",\r\n    \"polymer\": \"polymer/polymer#^1.4.0\"\r\n  },\r\n  \"devDependencies\": {\r\n    \"web-component-tester\": \"^4.0.0\"\r\n  },\r\n  \"resolutions\": {\r\n    \"neon-advanced-animations\": \"^1.2.0\",\r\n    \"web-animations-js\": \"^2.2.0\"\r\n  }\r\n}\r\n\r\n```"},"comment":{"url":"https://api.github.com/repos/Zecat/paper-stepper/issues/comments/223345915","html_url":"https://github.com/Zecat/paper-stepper/issues/12#issuecomment-223345915","issue_url":"https://api.github.com/repos/Zecat/paper-stepper/issues/12","id":223345915,"user":{"login":"jamesmgg","id":774806,"avatar_url":"https://avatars.githubusercontent.com/u/774806?v=3","gravatar_id":"","url":"https://api.github.com/users/jamesmgg","html_url":"https://github.com/jamesmgg","followers_url":"https://api.github.com/users/jamesmgg/followers","following_url":"https://api.github.com/users/jamesmgg/following{/other_user}","gists_url":"https://api.github.com/users/jamesmgg/gists{/gist_id}","starred_url":"https://api.github.com/users/jamesmgg/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jamesmgg/subscriptions","organizations_url":"https://api.github.com/users/jamesmgg/orgs","repos_url":"https://api.github.com/users/jamesmgg/repos","events_url":"https://api.github.com/users/jamesmgg/events{/privacy}","received_events_url":"https://api.github.com/users/jamesmgg/received_events","type":"User","site_admin":false},"created_at":"2016-06-02T16:27:45Z","updated_at":"2016-06-02T16:27:45Z","body":"Any ideas @Zecat?"}}
{"actor":{"display_login":"jamesmgg"}}