{"action":"closed","issue":{"url":"https://api.github.com/repos/xiaolin/react-image-gallery/issues/267","repository_url":"https://api.github.com/repos/xiaolin/react-image-gallery","labels_url":"https://api.github.com/repos/xiaolin/react-image-gallery/issues/267/labels{/name}","comments_url":"https://api.github.com/repos/xiaolin/react-image-gallery/issues/267/comments","events_url":"https://api.github.com/repos/xiaolin/react-image-gallery/issues/267/events","html_url":"https://github.com/xiaolin/react-image-gallery/issues/267","id":315795410,"number":267,"title":"Thumbnails not aligned correctly when items.length changes","user":{"login":"LaurentHellebrandt","id":6348294,"avatar_url":"https://avatars3.githubusercontent.com/u/6348294?v=4","gravatar_id":"","url":"https://api.github.com/users/LaurentHellebrandt","html_url":"https://github.com/LaurentHellebrandt","followers_url":"https://api.github.com/users/LaurentHellebrandt/followers","following_url":"https://api.github.com/users/LaurentHellebrandt/following{/other_user}","gists_url":"https://api.github.com/users/LaurentHellebrandt/gists{/gist_id}","starred_url":"https://api.github.com/users/LaurentHellebrandt/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/LaurentHellebrandt/subscriptions","organizations_url":"https://api.github.com/users/LaurentHellebrandt/orgs","repos_url":"https://api.github.com/users/LaurentHellebrandt/repos","events_url":"https://api.github.com/users/LaurentHellebrandt/events{/privacy}","received_events_url":"https://api.github.com/users/LaurentHellebrandt/received_events","type":"User","site_admin":false},"labels":[{"id":929577945,"url":"https://api.github.com/repos/xiaolin/react-image-gallery/labels/need-investigation","name":"need-investigation","color":"dd0de8","default":false},{"id":181672175,"url":"https://api.github.com/repos/xiaolin/react-image-gallery/labels/question","name":"question","color":"cc317c","default":true}],"state":"closed","locked":false,"assignee":{"login":"xiaolin","id":1286776,"avatar_url":"https://avatars3.githubusercontent.com/u/1286776?v=4","gravatar_id":"","url":"https://api.github.com/users/xiaolin","html_url":"https://github.com/xiaolin","followers_url":"https://api.github.com/users/xiaolin/followers","following_url":"https://api.github.com/users/xiaolin/following{/other_user}","gists_url":"https://api.github.com/users/xiaolin/gists{/gist_id}","starred_url":"https://api.github.com/users/xiaolin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/xiaolin/subscriptions","organizations_url":"https://api.github.com/users/xiaolin/orgs","repos_url":"https://api.github.com/users/xiaolin/repos","events_url":"https://api.github.com/users/xiaolin/events{/privacy}","received_events_url":"https://api.github.com/users/xiaolin/received_events","type":"User","site_admin":false},"assignees":[{"login":"xiaolin","id":1286776,"avatar_url":"https://avatars3.githubusercontent.com/u/1286776?v=4","gravatar_id":"","url":"https://api.github.com/users/xiaolin","html_url":"https://github.com/xiaolin","followers_url":"https://api.github.com/users/xiaolin/followers","following_url":"https://api.github.com/users/xiaolin/following{/other_user}","gists_url":"https://api.github.com/users/xiaolin/gists{/gist_id}","starred_url":"https://api.github.com/users/xiaolin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/xiaolin/subscriptions","organizations_url":"https://api.github.com/users/xiaolin/orgs","repos_url":"https://api.github.com/users/xiaolin/repos","events_url":"https://api.github.com/users/xiaolin/events{/privacy}","received_events_url":"https://api.github.com/users/xiaolin/received_events","type":"User","site_admin":false}],"milestone":null,"comments":3,"created_at":"2018-04-19T09:22:54Z","updated_at":"2018-05-24T03:04:01Z","closed_at":"2018-05-24T03:04:00Z","author_association":"NONE","body":"After every slide I do the following\r\n```\r\nhandleSlide = index => {\r\n    if (index >= media.length - 5) {\r\n      this.props.onLoadMore();\r\n    }\r\n\r\n    this.setState({\r\n      currentIndex: index,\r\n    });\r\n  };\r\n```\r\nThis means that while the user is still sliding through the images the `items` property of the `ImageGallery` is changing. After every `onLoadMore()` there a `n` more objects in the `items` array. The state property `thumbsTranslate` is getting adjust correctly but the thumbnails does not get repositioned.\r\nThis leads to that after a while the selected thumbnail is not visible anymore."}}
{"actor":{"display_login":"xiaolin"}}