{"action":"opened","issue":{"url":"https://api.github.com/repos/bokeh/bokeh/issues/4110","repository_url":"https://api.github.com/repos/bokeh/bokeh","labels_url":"https://api.github.com/repos/bokeh/bokeh/issues/4110/labels{/name}","comments_url":"https://api.github.com/repos/bokeh/bokeh/issues/4110/comments","events_url":"https://api.github.com/repos/bokeh/bokeh/issues/4110/events","html_url":"https://github.com/bokeh/bokeh/issues/4110","id":145993234,"number":4110,"title":"Plot resizing is broken","user":{"login":"almarklein","id":3015475,"avatar_url":"https://avatars.githubusercontent.com/u/3015475?v=3","gravatar_id":"","url":"https://api.github.com/users/almarklein","html_url":"https://github.com/almarklein","followers_url":"https://api.github.com/users/almarklein/followers","following_url":"https://api.github.com/users/almarklein/following{/other_user}","gists_url":"https://api.github.com/users/almarklein/gists{/gist_id}","starred_url":"https://api.github.com/users/almarklein/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/almarklein/subscriptions","organizations_url":"https://api.github.com/users/almarklein/orgs","repos_url":"https://api.github.com/users/almarklein/repos","events_url":"https://api.github.com/users/almarklein/events{/privacy}","received_events_url":"https://api.github.com/users/almarklein/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/bokeh/bokeh/labels/tag:%20component:%20bokehjs","name":"tag: component: bokehjs","color":"D0CBB8"},{"url":"https://api.github.com/repos/bokeh/bokeh/labels/tag:%20regression","name":"tag: regression","color":"D0CBB8"},{"url":"https://api.github.com/repos/bokeh/bokeh/labels/type:%20bug","name":"type: bug","color":"C02942"}],"state":"open","locked":false,"assignee":{"login":"almarklein","id":3015475,"avatar_url":"https://avatars.githubusercontent.com/u/3015475?v=3","gravatar_id":"","url":"https://api.github.com/users/almarklein","html_url":"https://github.com/almarklein","followers_url":"https://api.github.com/users/almarklein/followers","following_url":"https://api.github.com/users/almarklein/following{/other_user}","gists_url":"https://api.github.com/users/almarklein/gists{/gist_id}","starred_url":"https://api.github.com/users/almarklein/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/almarklein/subscriptions","organizations_url":"https://api.github.com/users/almarklein/orgs","repos_url":"https://api.github.com/users/almarklein/repos","events_url":"https://api.github.com/users/almarklein/events{/privacy}","received_events_url":"https://api.github.com/users/almarklein/received_events","type":"User","site_admin":false},"milestone":{"url":"https://api.github.com/repos/bokeh/bokeh/milestones/23","html_url":"https://github.com/bokeh/bokeh/milestones/0.12","labels_url":"https://api.github.com/repos/bokeh/bokeh/milestones/23/labels","id":1477666,"number":23,"title":"0.12","description":"","creator":{"login":"mattpap","id":27475,"avatar_url":"https://avatars.githubusercontent.com/u/27475?v=3","gravatar_id":"","url":"https://api.github.com/users/mattpap","html_url":"https://github.com/mattpap","followers_url":"https://api.github.com/users/mattpap/followers","following_url":"https://api.github.com/users/mattpap/following{/other_user}","gists_url":"https://api.github.com/users/mattpap/gists{/gist_id}","starred_url":"https://api.github.com/users/mattpap/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mattpap/subscriptions","organizations_url":"https://api.github.com/users/mattpap/orgs","repos_url":"https://api.github.com/users/mattpap/repos","events_url":"https://api.github.com/users/mattpap/events{/privacy}","received_events_url":"https://api.github.com/users/mattpap/received_events","type":"User","site_admin":false},"open_issues":39,"closed_issues":159,"state":"open","created_at":"2015-12-29T23:54:47Z","updated_at":"2016-04-05T13:43:38Z","due_on":null,"closed_at":null},"comments":0,"created_at":"2016-04-05T13:43:38Z","updated_at":"2016-04-05T13:43:38Z","closed_at":null,"body":"In particular the example `embed_responsive_width_height.py`. This also breaks our phosphor+Bokeh demo.\r\nIn v0.11.1, the DOM looks like:\r\n```\r\n<div class='bk-plot'>\r\n  <div class='bk-plot-wrapper'>\r\n       <table> ... etc.\r\n```\r\n\r\nIn v0.12.dev6, the DOM looks like:\r\n```\r\n`<div class='bk-root'>\r\n    <div>\r\n        <div class='bk-plot-wrapper'>\r\n             <table> ... etc.\r\n```\r\n\r\nTo resize, the plot queries the `clientWidth`and `clientHeight` of the parent node of its element. But this now fails, because of the extra layer.\r\n\r\n@birdsarah @mattpap is that `<div>` intended?\r\n\r\nAs for a solution, I tried two things that both seem to work:\r\n* Use the client size of `@el.parentNode.parentNode`. Or maybe safer: traverse upwards until meeting a node that is `bk-root`.\r\n* Use client size of `@el.parentNode`, but set the CSS `height`of the `bk-root` to 100%.\r\n\r\nWe could do with a selenium test to avoid having another regression like this."}}