{"action":"created","issue":{"url":"https://api.github.com/repos/Dogfalo/materialize/issues/2112","labels_url":"https://api.github.com/repos/Dogfalo/materialize/issues/2112/labels{/name}","comments_url":"https://api.github.com/repos/Dogfalo/materialize/issues/2112/comments","events_url":"https://api.github.com/repos/Dogfalo/materialize/issues/2112/events","html_url":"https://github.com/Dogfalo/materialize/issues/2112","id":109595392,"number":2112,"title":"IE11: side-nav last menu item disappears if height isn't big enough","user":{"login":"fabyeah","id":4738527,"avatar_url":"https://avatars.githubusercontent.com/u/4738527?v=3","gravatar_id":"","url":"https://api.github.com/users/fabyeah","html_url":"https://github.com/fabyeah","followers_url":"https://api.github.com/users/fabyeah/followers","following_url":"https://api.github.com/users/fabyeah/following{/other_user}","gists_url":"https://api.github.com/users/fabyeah/gists{/gist_id}","starred_url":"https://api.github.com/users/fabyeah/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fabyeah/subscriptions","organizations_url":"https://api.github.com/users/fabyeah/orgs","repos_url":"https://api.github.com/users/fabyeah/repos","events_url":"https://api.github.com/users/fabyeah/events{/privacy}","received_events_url":"https://api.github.com/users/fabyeah/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-10-03T01:11:09Z","updated_at":"2015-10-15T00:42:20Z","closed_at":null,"body":"How to reproduce:\r\nUsing IE11, go to http://materializecss.com/ and make the window height smaller, until it doesn't fit all the menu items anymore. The last item will be cut off without showing scrollbars. Only when the height doesn't accomodate the last TWO items, the scroll bar appears.\r\n\r\nIn the CSS for side-nav there is\r\n\r\n    height: calc(100% + 60px);\r\n    padding-bottom: 60px;\r\n\r\nWhy is there a bottom padding? What is it good for?\r\nTo fix the problem, we need this:\r\n\r\n    height: 100%;\r\n    padding-bottom: 0;\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/Dogfalo/materialize/issues/comments/148242297","html_url":"https://github.com/Dogfalo/materialize/issues/2112#issuecomment-148242297","issue_url":"https://api.github.com/repos/Dogfalo/materialize/issues/2112","id":148242297,"user":{"login":"fabyeah","id":4738527,"avatar_url":"https://avatars.githubusercontent.com/u/4738527?v=3","gravatar_id":"","url":"https://api.github.com/users/fabyeah","html_url":"https://github.com/fabyeah","followers_url":"https://api.github.com/users/fabyeah/followers","following_url":"https://api.github.com/users/fabyeah/following{/other_user}","gists_url":"https://api.github.com/users/fabyeah/gists{/gist_id}","starred_url":"https://api.github.com/users/fabyeah/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fabyeah/subscriptions","organizations_url":"https://api.github.com/users/fabyeah/orgs","repos_url":"https://api.github.com/users/fabyeah/repos","events_url":"https://api.github.com/users/fabyeah/events{/privacy}","received_events_url":"https://api.github.com/users/fabyeah/received_events","type":"User","site_admin":false},"created_at":"2015-10-15T00:42:19Z","updated_at":"2015-10-15T00:42:19Z","body":"Apparently the 60px bottom padding prevents a bug on mobile, when the page is scrollable, because dragging down in the menu, scrolls the whole page, too (unlike on desktop) and therefore makes the address bar at the top disappear. So the viewport gets bigger and theres a gap of the height of the address bar (60px) at the bottom of the menu.\r\n\r\nThis problem could be prevented if the page did not scroll when dragging the menu."}}