{"action":"created","issue":{"url":"https://api.github.com/repos/lyfeyaj/swipe/issues/96","repository_url":"https://api.github.com/repos/lyfeyaj/swipe","labels_url":"https://api.github.com/repos/lyfeyaj/swipe/issues/96/labels{/name}","comments_url":"https://api.github.com/repos/lyfeyaj/swipe/issues/96/comments","events_url":"https://api.github.com/repos/lyfeyaj/swipe/issues/96/events","html_url":"https://github.com/lyfeyaj/swipe/issues/96","id":288360705,"number":96,"title":"Swipe in React: Mysterious swipe-item cloning if continuous=true","user":{"login":"DerTomm","id":7753313,"avatar_url":"https://avatars1.githubusercontent.com/u/7753313?v=4","gravatar_id":"","url":"https://api.github.com/users/DerTomm","html_url":"https://github.com/DerTomm","followers_url":"https://api.github.com/users/DerTomm/followers","following_url":"https://api.github.com/users/DerTomm/following{/other_user}","gists_url":"https://api.github.com/users/DerTomm/gists{/gist_id}","starred_url":"https://api.github.com/users/DerTomm/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/DerTomm/subscriptions","organizations_url":"https://api.github.com/users/DerTomm/orgs","repos_url":"https://api.github.com/users/DerTomm/repos","events_url":"https://api.github.com/users/DerTomm/events{/privacy}","received_events_url":"https://api.github.com/users/DerTomm/received_events","type":"User","site_admin":false},"labels":[{"id":173518556,"url":"https://api.github.com/repos/lyfeyaj/swipe/labels/bug","name":"bug","color":"fc2929","default":true}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2018-01-13T21:19:16Z","updated_at":"2018-03-05T16:30:28Z","closed_at":null,"author_association":"NONE","body":"Hi,\r\n\r\ntoday I used Swipe for the first time - thanks for keeping swipe alive.\r\nThis problem I just realized:\r\n\r\nSituation: Two *SwipeItem* are put into the parent *Swipe* component:\r\n```/******************************************************************************************************************************** */\r\n  render() {\r\n    return (\r\n      <Swipe\r\n        className='swipeContainer'\r\n        startSlide={0}\r\n        speed={300}\r\n        auto={0}\r\n        draggable={false}\r\n        continuous={false}\r\n        autoRestart={true}\r\n        disableScroll={false}\r\n        stopPropagation={false} >\r\n\r\n        <SwipeItem>\r\n          <div className=\"exampleOne\">...</div>\r\n          <div className=\"exampleTwo\">...</div>\r\n          <div className=\"exampleThree\">...</div>\r\n        </SwipeItem>\r\n          <div className=\"exampleOne\">...</div>\r\n          <div className=\"exampleTwo\">...</div>\r\n          <div className=\"exampleThree\">...</div>\r\n        </SwipeItem>\r\n      </Swipe>\r\n    );\r\n  }\r\n```\r\n\r\nIf I set continuous to *false* the DOM looks this way:\r\n![grafik](https://user-images.githubusercontent.com/7753313/34910124-ff74b23e-f8ae-11e7-920f-3f011b3bae36.png)\r\n\r\nHowever, setting continuous to *true* leads to this DOM:\r\n![grafik](https://user-images.githubusercontent.com/7753313/34910130-2199d5d8-f8af-11e7-96ee-551f415b3184.png)\r\n\r\nThat causes that you do not see just the two slides but also two empty ones before you return to the first one. Do you have any idea why the two swipe-items are cloned?"},"comment":{"url":"https://api.github.com/repos/lyfeyaj/swipe/issues/comments/370477675","html_url":"https://github.com/lyfeyaj/swipe/issues/96#issuecomment-370477675","issue_url":"https://api.github.com/repos/lyfeyaj/swipe/issues/96","id":370477675,"user":{"login":"hogaFarming","id":7587893,"avatar_url":"https://avatars2.githubusercontent.com/u/7587893?v=4","gravatar_id":"","url":"https://api.github.com/users/hogaFarming","html_url":"https://github.com/hogaFarming","followers_url":"https://api.github.com/users/hogaFarming/followers","following_url":"https://api.github.com/users/hogaFarming/following{/other_user}","gists_url":"https://api.github.com/users/hogaFarming/gists{/gist_id}","starred_url":"https://api.github.com/users/hogaFarming/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hogaFarming/subscriptions","organizations_url":"https://api.github.com/users/hogaFarming/orgs","repos_url":"https://api.github.com/users/hogaFarming/repos","events_url":"https://api.github.com/users/hogaFarming/events{/privacy}","received_events_url":"https://api.github.com/users/hogaFarming/received_events","type":"User","site_admin":false},"created_at":"2018-03-05T16:30:28Z","updated_at":"2018-03-05T16:30:28Z","author_association":"NONE","body":"@lyfeyaj  I think this is not a bug.\r\nThey are helper elements to make the *continuous* work because you only have 2 *SwipItem*(leq 2 items).\r\nIn fact, it should have at least 3 elements in DOM to make the *infinite feel* possible. @"}}
{"actor":{"display_login":"hogaFarming"}}