{"action":"created","issue":{"url":"https://api.github.com/repos/desandro/masonry/issues/864","repository_url":"https://api.github.com/repos/desandro/masonry","labels_url":"https://api.github.com/repos/desandro/masonry/issues/864/labels{/name}","comments_url":"https://api.github.com/repos/desandro/masonry/issues/864/comments","events_url":"https://api.github.com/repos/desandro/masonry/issues/864/events","html_url":"https://github.com/desandro/masonry/issues/864","id":157176908,"number":864,"title":"Jquery Masonry is not working in Safari","user":{"login":"usamamashkoor","id":8676339,"avatar_url":"https://avatars.githubusercontent.com/u/8676339?v=3","gravatar_id":"","url":"https://api.github.com/users/usamamashkoor","html_url":"https://github.com/usamamashkoor","followers_url":"https://api.github.com/users/usamamashkoor/followers","following_url":"https://api.github.com/users/usamamashkoor/following{/other_user}","gists_url":"https://api.github.com/users/usamamashkoor/gists{/gist_id}","starred_url":"https://api.github.com/users/usamamashkoor/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/usamamashkoor/subscriptions","organizations_url":"https://api.github.com/users/usamamashkoor/orgs","repos_url":"https://api.github.com/users/usamamashkoor/repos","events_url":"https://api.github.com/users/usamamashkoor/events{/privacy}","received_events_url":"https://api.github.com/users/usamamashkoor/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/desandro/masonry/labels/test%20case%20required","name":"test case required","color":"f7c6c7"}],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2016-05-27T10:29:12Z","updated_at":"2016-06-07T14:13:45Z","closed_at":"2016-05-27T19:47:46Z","body":"Hi i am using Jquery Masonry it is working on other browsers like Chrome,Firefox but it is not working in Safari Browser in 5 on windows and on Safari 8 on Mac.\r\n\r\nThe problem is that all the divs are having top : 0px this div <div class=\"col-lg-4 col-md-4 col-sm-6 col-xs-12 grid-item grid-item--width2\" > due to which all post are being are showing on top of each other  Here is the link of the page where Masonry is not working 185.14.184.118/app/inspiration-gallery\r\n\r\nIn Masonry i am embedding facebook posts then using the Masonry container to apply Masonry styling on it.\r\n\r\nHere is my html\r\n```\r\n <div class=\"grid row\">\r\n  <div class=\"inspiration-gallery\">\r\n    <div class=\"grid-sizer\"></div>\r\n    <div class=\"col-lg-4 col-md-4 col-sm-6 col-xs-12 grid-item grid-item--width2\" >\r\n      <div class=\"inspiration-grid\">\r\n        <div class=\"fbpost-inspiration\" id=\"fbpost-inspiration\">\r\n          <div class=\"fb-post\" id=\"myId\" data-href=\"post_url\" data-width=\"200\" data-height=\"200\"></div>\r\n        </div>\r\n\r\n      </div>\r\n      <div class=\"clearfix\"></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n```\r\nHere is my Jquery Code to initialize Masonry\r\n```\r\nvar $container = $('.grid');\r\n$container.masonry({\r\n    columnWidth: '.grid-sizer',\r\n    itemSelector: '.grid-item',\r\n    percentPosition: true\r\n});\r\n```\r\nHere is my CSS\r\n```\r\n.grid-sizer,.grid-item { width:33.33333333%; }\r\n```\r\nKindly Please help me on this.\r\n"},"comment":{"url":"https://api.github.com/repos/desandro/masonry/issues/comments/224293240","html_url":"https://github.com/desandro/masonry/issues/864#issuecomment-224293240","issue_url":"https://api.github.com/repos/desandro/masonry/issues/864","id":224293240,"user":{"login":"bdchauvette","id":1448597,"avatar_url":"https://avatars.githubusercontent.com/u/1448597?v=3","gravatar_id":"","url":"https://api.github.com/users/bdchauvette","html_url":"https://github.com/bdchauvette","followers_url":"https://api.github.com/users/bdchauvette/followers","following_url":"https://api.github.com/users/bdchauvette/following{/other_user}","gists_url":"https://api.github.com/users/bdchauvette/gists{/gist_id}","starred_url":"https://api.github.com/users/bdchauvette/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bdchauvette/subscriptions","organizations_url":"https://api.github.com/users/bdchauvette/orgs","repos_url":"https://api.github.com/users/bdchauvette/repos","events_url":"https://api.github.com/users/bdchauvette/events{/privacy}","received_events_url":"https://api.github.com/users/bdchauvette/received_events","type":"User","site_admin":false},"created_at":"2016-06-07T14:13:45Z","updated_at":"2016-06-07T14:13:45Z","body":"@usamamashkoor I just ran into a similar problem, and it seems that Masonry v4 doesn't work in Safari 8. We ended up downgrading to v3.3.2, and everything worked fine :+1:"}}
{"actor":{"display_login":"bdchauvette"}}