{"action":"created","issue":{"url":"https://api.github.com/repos/jasonslyvia/react-lazyload/issues/28","repository_url":"https://api.github.com/repos/jasonslyvia/react-lazyload","labels_url":"https://api.github.com/repos/jasonslyvia/react-lazyload/issues/28/labels{/name}","comments_url":"https://api.github.com/repos/jasonslyvia/react-lazyload/issues/28/comments","events_url":"https://api.github.com/repos/jasonslyvia/react-lazyload/issues/28/events","html_url":"https://github.com/jasonslyvia/react-lazyload/issues/28","id":158532718,"number":28,"title":"Not working (probably my mistake, though)","user":{"login":"reintroducing","id":259901,"avatar_url":"https://avatars.githubusercontent.com/u/259901?v=3","gravatar_id":"","url":"https://api.github.com/users/reintroducing","html_url":"https://github.com/reintroducing","followers_url":"https://api.github.com/users/reintroducing/followers","following_url":"https://api.github.com/users/reintroducing/following{/other_user}","gists_url":"https://api.github.com/users/reintroducing/gists{/gist_id}","starred_url":"https://api.github.com/users/reintroducing/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reintroducing/subscriptions","organizations_url":"https://api.github.com/users/reintroducing/orgs","repos_url":"https://api.github.com/users/reintroducing/repos","events_url":"https://api.github.com/users/reintroducing/events{/privacy}","received_events_url":"https://api.github.com/users/reintroducing/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":7,"created_at":"2016-06-05T01:35:42Z","updated_at":"2016-06-06T02:10:09Z","closed_at":null,"body":"Hello,\r\nI'm trying to use this component inside of a custom Image component. It's quite simple, a stateless functional component. It looks as follows:\r\n\r\n```\r\nimport React, {PropTypes} from 'react';\r\nimport classNames from 'classnames';\r\nimport LazyLoad from 'react-lazyload';\r\n\r\nconst Image = ({alt, className, lazyLoad, ...imgAttributes}) => {\r\n    const classes = classNames(\r\n        'Image',\r\n        className\r\n    );\r\n    const img = <img alt={alt} className={classes} {...imgAttributes} />;\r\n\r\n    if (lazyLoad) {\r\n        return (\r\n            <LazyLoad throttle={200} height={300}>\r\n                {img}\r\n            </LazyLoad>\r\n        );\r\n    } else {\r\n        return img;\r\n    }\r\n};\r\n\r\nImage.propTypes = {\r\n    className: PropTypes.string,\r\n    /** Descriptive information about what is in the image. Do not use the words image, photo, or picture. */\r\n    alt: PropTypes.string,\r\n    lazyLoad: PropTypes.bool\r\n};\r\n\r\nImage.defaultProps = {\r\n    className: '',\r\n    alt: null,\r\n    lazyLoad: false\r\n};\r\n\r\nexport default Image;\r\n```\r\n\r\nI then call it like this:\r\n```\r\n<Image src=\"http://placehold.it/550x400\" alt=\"Just a temporary placeholder\" lazyLoad />\r\n```\r\n\r\nI don't see the placeholder div and my image automatically gets rendered into the DOM without me scrolling to it (it's pretty far down).  Even if I replace all of the logic for testing lazyLoad and displaying the correct thing, or remove it completely and just show the LazyLoad wrapped around an image, I still see the image rendered into the DOM automatically in the elements panel.\r\n\r\nIs there anything I'm doing wrong here?"},"comment":{"url":"https://api.github.com/repos/jasonslyvia/react-lazyload/issues/comments/223854650","html_url":"https://github.com/jasonslyvia/react-lazyload/issues/28#issuecomment-223854650","issue_url":"https://api.github.com/repos/jasonslyvia/react-lazyload/issues/28","id":223854650,"user":{"login":"reintroducing","id":259901,"avatar_url":"https://avatars.githubusercontent.com/u/259901?v=3","gravatar_id":"","url":"https://api.github.com/users/reintroducing","html_url":"https://github.com/reintroducing","followers_url":"https://api.github.com/users/reintroducing/followers","following_url":"https://api.github.com/users/reintroducing/following{/other_user}","gists_url":"https://api.github.com/users/reintroducing/gists{/gist_id}","starred_url":"https://api.github.com/users/reintroducing/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reintroducing/subscriptions","organizations_url":"https://api.github.com/users/reintroducing/orgs","repos_url":"https://api.github.com/users/reintroducing/repos","events_url":"https://api.github.com/users/reintroducing/events{/privacy}","received_events_url":"https://api.github.com/users/reintroducing/received_events","type":"User","site_admin":false},"created_at":"2016-06-06T02:10:09Z","updated_at":"2016-06-06T02:10:09Z","body":"I'm just scrolling the body using a native browser scroll bar, just lots of content on a page being scrolled normally."}}
{"actor":{"display_login":"reintroducing"}}