{"action":"closed","issue":{"url":"https://api.github.com/repos/sporritt/jsPlumb/issues/370","labels_url":"https://api.github.com/repos/sporritt/jsPlumb/issues/370/labels{/name}","comments_url":"https://api.github.com/repos/sporritt/jsPlumb/issues/370/comments","events_url":"https://api.github.com/repos/sporritt/jsPlumb/issues/370/events","html_url":"https://github.com/sporritt/jsPlumb/issues/370","id":71908427,"number":370,"title":"No scrolling possible ","user":{"login":"julius90","id":3897895,"avatar_url":"https://avatars.githubusercontent.com/u/3897895?v=3","gravatar_id":"","url":"https://api.github.com/users/julius90","html_url":"https://github.com/julius90","followers_url":"https://api.github.com/users/julius90/followers","following_url":"https://api.github.com/users/julius90/following{/other_user}","gists_url":"https://api.github.com/users/julius90/gists{/gist_id}","starred_url":"https://api.github.com/users/julius90/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/julius90/subscriptions","organizations_url":"https://api.github.com/users/julius90/orgs","repos_url":"https://api.github.com/users/julius90/repos","events_url":"https://api.github.com/users/julius90/events{/privacy}","received_events_url":"https://api.github.com/users/julius90/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-04-29T15:29:47Z","updated_at":"2015-05-15T09:36:28Z","closed_at":"2015-05-15T09:36:28Z","body":"First of all thank you for jsPlumb, really great work. It fits nearly perfect for my application.\r\nUnfortunately my div container (#stm) doesn't scroll if I reach the borders at the right and bottom with my draggable elements (.element). I tried many different thinks to figure it out why it doesn't work but could not find a solution.\r\nHopefully you can help me.\r\nHere is my structure:\r\n```\r\nHTML:\r\n<div class=body>\r\n\t<div> class=\"menu\">...</div>\r\n\t<div> class=\"main\">\r\n\t\t<div> class=\"page-header\">...</div>\r\n\t\t<div> id=\"container\" class=\"content\">\r\n\t\t\t<div> id=\"navbar\">...</div>\r\n\t\t\t<div> id=\"stm\" class=\"content\">\r\n\t\t\t\t<div id=\"state0\" class=\"element\">...</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<div> class=\"properties\">...</div>\r\n</div>\r\n```\r\n```\r\nCSS:\r\n.body {\r\n\tposition: absolute;\r\n\tdisplay: flex;\r\n\tright: 0;\r\n\tleft: 0;\r\n}\r\n.main {\r\n\tflex: 1;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n}\r\n.page-header {\r\n\theight: 30px;\r\n}\r\n.content {\r\n\tflex: 1;\r\n\tdisplay: flex;\r\n\toverflow: auto;\r\n}\r\n#stm {\r\n\tposition: relative;\r\n\toverflow: auto;\r\n}\r\n.element {\r\n\tposition: absolute;\r\n\tz-index: 4:\r\n}\r\n```"}}