{"action":"created","issue":{"url":"https://api.github.com/repos/deepstreamIO/golden-layout/issues/96","repository_url":"https://api.github.com/repos/deepstreamIO/golden-layout","labels_url":"https://api.github.com/repos/deepstreamIO/golden-layout/issues/96/labels{/name}","comments_url":"https://api.github.com/repos/deepstreamIO/golden-layout/issues/96/comments","events_url":"https://api.github.com/repos/deepstreamIO/golden-layout/issues/96/events","html_url":"https://github.com/deepstreamIO/golden-layout/issues/96","id":148962162,"number":96,"title":"Layout with container resize bugs ( reopen)","user":{"login":"maxiplay","id":8363127,"avatar_url":"https://avatars.githubusercontent.com/u/8363127?v=3","gravatar_id":"","url":"https://api.github.com/users/maxiplay","html_url":"https://github.com/maxiplay","followers_url":"https://api.github.com/users/maxiplay/followers","following_url":"https://api.github.com/users/maxiplay/following{/other_user}","gists_url":"https://api.github.com/users/maxiplay/gists{/gist_id}","starred_url":"https://api.github.com/users/maxiplay/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/maxiplay/subscriptions","organizations_url":"https://api.github.com/users/maxiplay/orgs","repos_url":"https://api.github.com/users/maxiplay/repos","events_url":"https://api.github.com/users/maxiplay/events{/privacy}","received_events_url":"https://api.github.com/users/maxiplay/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-04-17T15:08:49Z","updated_at":"2016-04-17T15:16:09Z","closed_at":null,"body":"Hello,\r\n\r\nFist of all congratulation for this great work.\r\n\r\nI would reopen the [bug](https://github.com/deepstreamIO/golden-layout/issues/61) of joshribakoff about resize with container.\r\n\r\nI think you don't understand his demand because in your code response you don't apply the concept of golden-layout in a container. You just use golden-layout in body and add a css rule to manage scroll. But if you reopen the code [link](http://codepen.io/wolframhempel/pen/cdcb9de8e7b305d2ec81b4ae4e392832)\r\nyou can see that compare to your codepen response the \"component 2\" is not adapted when resize. It's not that it is too small, it that the golden-layout don't have a resize event.\r\n![capture1](https://cloud.githubusercontent.com/assets/8363127/14587982/d5955536-04bd-11e6-92ad-9399101d2ac5.PNG)\r\n\r\n\r\n\r\n On the other hand, if you try to move a tab with mouse, the component 2 is resized correctly.\r\n![capture2](https://cloud.githubusercontent.com/assets/8363127/14587987/0070cfce-04be-11e6-84db-2f01839314e3.PNG)\r\n\r\n\r\nWith your code example, no problem. Because you don't use the with-container initialization.\r\n\r\n`var myLayout = new window.GoldenLayout( config, $('#layoutContainer') );`\r\n\r\nbut\r\n\r\n`var myLayout = new GoldenLayout( config );`\r\n\r\nI commented the scroll css property in you example et resized the window.\r\nOk the component is too small for the photo, but the component has been resized correctly.\r\n\r\n![capture3](https://cloud.githubusercontent.com/assets/8363127/14588010/dbd5a9e0-04be-11e6-86ef-fa355a6080ad.PNG)\r\n\r\n \r\n\r\n"},"comment":{"url":"https://api.github.com/repos/deepstreamIO/golden-layout/issues/comments/211042802","html_url":"https://github.com/deepstreamIO/golden-layout/issues/96#issuecomment-211042802","issue_url":"https://api.github.com/repos/deepstreamIO/golden-layout/issues/96","id":211042802,"user":{"login":"WolframHempel","id":1503717,"avatar_url":"https://avatars.githubusercontent.com/u/1503717?v=3","gravatar_id":"","url":"https://api.github.com/users/WolframHempel","html_url":"https://github.com/WolframHempel","followers_url":"https://api.github.com/users/WolframHempel/followers","following_url":"https://api.github.com/users/WolframHempel/following{/other_user}","gists_url":"https://api.github.com/users/WolframHempel/gists{/gist_id}","starred_url":"https://api.github.com/users/WolframHempel/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/WolframHempel/subscriptions","organizations_url":"https://api.github.com/users/WolframHempel/orgs","repos_url":"https://api.github.com/users/WolframHempel/repos","events_url":"https://api.github.com/users/WolframHempel/events{/privacy}","received_events_url":"https://api.github.com/users/WolframHempel/received_events","type":"User","site_admin":false},"created_at":"2016-04-17T15:16:09Z","updated_at":"2016-04-17T15:16:09Z","body":"hi @maxiplay ,\r\n\r\nI see what you are saying. When you use GoldenLayout in the body tag directly, it listens for window resize events and updates accordingly. If you use it in any other dom element, you are responsible for telling GoldenLayout when it needs to resize (as there's no way of knowing via the DOM API). You can do so by calling `myLayout.updateSize()`"}}