{"action":"created","issue":{"url":"https://api.github.com/repos/Workiva/wf-uicomponents/issues/137","labels_url":"https://api.github.com/repos/Workiva/wf-uicomponents/issues/137/labels{/name}","comments_url":"https://api.github.com/repos/Workiva/wf-uicomponents/issues/137/comments","events_url":"https://api.github.com/repos/Workiva/wf-uicomponents/issues/137/events","html_url":"https://github.com/Workiva/wf-uicomponents/pull/137","id":56448882,"number":137,"title":"HY-1872: Pan Items After Scrolling in !flow Mode","user":{"login":"timmccall-wf","id":4155584,"avatar_url":"https://avatars.githubusercontent.com/u/4155584?v=3","gravatar_id":"","url":"https://api.github.com/users/timmccall-wf","html_url":"https://github.com/timmccall-wf","followers_url":"https://api.github.com/users/timmccall-wf/followers","following_url":"https://api.github.com/users/timmccall-wf/following{/other_user}","gists_url":"https://api.github.com/users/timmccall-wf/gists{/gist_id}","starred_url":"https://api.github.com/users/timmccall-wf/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/timmccall-wf/subscriptions","organizations_url":"https://api.github.com/users/timmccall-wf/orgs","repos_url":"https://api.github.com/users/timmccall-wf/repos","events_url":"https://api.github.com/users/timmccall-wf/events{/privacy}","received_events_url":"https://api.github.com/users/timmccall-wf/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/Workiva/wf-uicomponents/labels/Merge%20Conflicts","name":"Merge Conflicts","color":"CC4236"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-02-03T22:35:44Z","updated_at":"2015-02-04T20:54:18Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/Workiva/wf-uicomponents/pulls/137","html_url":"https://github.com/Workiva/wf-uicomponents/pull/137","diff_url":"https://github.com/Workiva/wf-uicomponents/pull/137.diff","patch_url":"https://github.com/Workiva/wf-uicomponents/pull/137.patch"},"body":"Problem\r\n-------\r\n\r\nItems are not repositioned correctly after zooming out and swiping to an adjacent item in `peek` mode, or after changing the current item in `single` mode. The zoom state is restored, but the position is left in an odd state. For example: zoom out on item 1, swipe to item two, then swipe back to item 1 and note that item 1 will be centered in the viewport, rather than have the bottom of the item aligned with the bottom of the viewport. This hurts continuity as you navigate among pages.\r\n\r\nSolution\r\n--------\r\n\r\nMake sure to pan after scrolling to an item in `peek` or `single` modes.\r\n\r\nUnit Tests\r\n----------\r\n\r\nUpdated.\r\n\r\nHow To +10/QA\r\n-------------\r\n\r\n- Open the ScrollList demo with `fit=width&scroll=peek`. Ensure you have vertical overflow.\r\n- Navigate to page 3 and zoom out to 50% (get the whole page in the viewport)\r\n- Swipe by clicking and dragging until the previous/next item is in view\r\n- Pull the previous page into view\r\n- Should see the page aligned properly with the top (for following page) or bottom (for previous page) of the viewport.\r\n\r\n@todbachman-wf "},"comment":{"url":"https://api.github.com/repos/Workiva/wf-uicomponents/issues/comments/72936773","html_url":"https://github.com/Workiva/wf-uicomponents/pull/137#issuecomment-72936773","issue_url":"https://api.github.com/repos/Workiva/wf-uicomponents/issues/137","id":72936773,"user":{"login":"rmconsole3-wf","id":10639729,"avatar_url":"https://avatars.githubusercontent.com/u/10639729?v=3","gravatar_id":"","url":"https://api.github.com/users/rmconsole3-wf","html_url":"https://github.com/rmconsole3-wf","followers_url":"https://api.github.com/users/rmconsole3-wf/followers","following_url":"https://api.github.com/users/rmconsole3-wf/following{/other_user}","gists_url":"https://api.github.com/users/rmconsole3-wf/gists{/gist_id}","starred_url":"https://api.github.com/users/rmconsole3-wf/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rmconsole3-wf/subscriptions","organizations_url":"https://api.github.com/users/rmconsole3-wf/orgs","repos_url":"https://api.github.com/users/rmconsole3-wf/repos","events_url":"https://api.github.com/users/rmconsole3-wf/events{/privacy}","received_events_url":"https://api.github.com/users/rmconsole3-wf/received_events","type":"User","site_admin":false},"created_at":"2015-02-04T20:54:18Z","updated_at":"2015-02-04T20:54:18Z","body":"@timmccall-wf This pull request has merge conflicts, please resolve."}}