{"action":"opened","issue":{"url":"https://api.github.com/repos/metafizzy/packery/issues/294","labels_url":"https://api.github.com/repos/metafizzy/packery/issues/294/labels{/name}","comments_url":"https://api.github.com/repos/metafizzy/packery/issues/294/comments","events_url":"https://api.github.com/repos/metafizzy/packery/issues/294/events","html_url":"https://github.com/metafizzy/packery/issues/294","id":102820726,"number":294,"title":"Percent Position dynamic height without animation bounce/transition","user":{"login":"angiefu2","id":6532154,"avatar_url":"https://avatars.githubusercontent.com/u/6532154?v=3","gravatar_id":"","url":"https://api.github.com/users/angiefu2","html_url":"https://github.com/angiefu2","followers_url":"https://api.github.com/users/angiefu2/followers","following_url":"https://api.github.com/users/angiefu2/following{/other_user}","gists_url":"https://api.github.com/users/angiefu2/gists{/gist_id}","starred_url":"https://api.github.com/users/angiefu2/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/angiefu2/subscriptions","organizations_url":"https://api.github.com/users/angiefu2/orgs","repos_url":"https://api.github.com/users/angiefu2/repos","events_url":"https://api.github.com/users/angiefu2/events{/privacy}","received_events_url":"https://api.github.com/users/angiefu2/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-08-24T15:30:39Z","updated_at":"2015-08-24T15:30:39Z","closed_at":null,"body":"Hey! \r\n\r\nI'm currently using Percent Position for my packery grid, trying to make tiles that remain at a 1:1 ratio even when the page is loaded. I included some jquery to make this possible, but I'm not sure how to resolve the overlapping/bounce that happens between the tiles vertically. I know that\r\n<code>\"percentPosition\": true</code> resolves this issue horizontally, but I'm not sure I understand how to fix this issue vertically.\r\n\r\nYou can see an example of the issue here:http://codepen.io/anon/pen/BNXWrN\r\nYou probably have to first resize the browser for the tiles to stop them from overlapping. It should look like this after resize: \r\n<img width=\"1061\" alt=\"screen shot 2015-08-24 at 11 24 30 pm\" src=\"https://cloud.githubusercontent.com/assets/6532154/9444107/57a6ece0-4ab7-11e5-811f-dea981e4e070.png\">\r\n\r\nI have to warn that I am a JS and JQ novice, so apologies in advance if this is an issue that's been tended to. I appreciate any guidance! \r\n "}}