{"action":"opened","issue":{"url":"https://api.github.com/repos/vuetifyjs/vuetify/issues/1107","repository_url":"https://api.github.com/repos/vuetifyjs/vuetify","labels_url":"https://api.github.com/repos/vuetifyjs/vuetify/issues/1107/labels{/name}","comments_url":"https://api.github.com/repos/vuetifyjs/vuetify/issues/1107/comments","events_url":"https://api.github.com/repos/vuetifyjs/vuetify/issues/1107/events","html_url":"https://github.com/vuetifyjs/vuetify/issues/1107","id":244932039,"number":1107,"title":"Fill-height not functioning correctly","user":{"login":"Ragura","id":16363147,"avatar_url":"https://avatars0.githubusercontent.com/u/16363147?v=4","gravatar_id":"","url":"https://api.github.com/users/Ragura","html_url":"https://github.com/Ragura","followers_url":"https://api.github.com/users/Ragura/followers","following_url":"https://api.github.com/users/Ragura/following{/other_user}","gists_url":"https://api.github.com/users/Ragura/gists{/gist_id}","starred_url":"https://api.github.com/users/Ragura/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Ragura/subscriptions","organizations_url":"https://api.github.com/users/Ragura/orgs","repos_url":"https://api.github.com/users/Ragura/repos","events_url":"https://api.github.com/users/Ragura/events{/privacy}","received_events_url":"https://api.github.com/users/Ragura/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-07-23T19:50:31Z","updated_at":"2017-07-23T19:50:31Z","closed_at":null,"body":"<!--\r\nAny issue created without this markup will be immediately closed\r\n\r\nReporting a bug?\r\n================\r\n- Always search for your issue first. It may have already been answered, planned or fixed in some branch.\r\n\r\n- Can you reproduce the issue outside of your environment? Please provide a jsfiddle or codepen example that demonstrates the bug. A codepen template can be found [here](https://codepen.io/johnjleider/pen/bgJOrX)\r\n\r\nHave a feature request?\r\n=======================\r\n- Remove the template from below and provide thoughtful commentary. \r\n\r\n- Answer those questions:\r\n  - What will it allow you to do that you can't do today?\r\n  - How will it make current work-arounds straightforward?\r\n  - What potential bugs and edge cases does it help to avoid?\r\n\r\nDo not create new features based on a problem that will only solve edge cases for your project.\r\n-->\r\n\r\n<!-- BUG REPORT TEMPLATE -->\r\n\r\n### Steps to reproduce\r\nUse a standard app -> container -> layout -> flex -> card element order. Add fill-height to either one or all of them.\r\n\r\n### Versions\r\n<!-- Which versions of Vue, Vuetify, OS, browsers are affected? -->\r\nVue version 2.4.2\r\nVuetify version 0.14.5\r\nUsing Windows. Tested in Chrome and Edge.\r\n\r\n### What is expected ?\r\n<!-- The behavior you would expect to see -->\r\nA while ago the much needed feature of vertically aligning any layout within a container was added. I can still see it working in the documentation (final example of Pre-defined layouts), but it doesn't function in a seperate environment.\r\n\r\n### What is actually happening ?\r\n<!-- Is there anything else we should know? -->\r\nThe layout is not vertically aligned to the center. Instead it just sits at the top. I have copied the relevant parts from the example in the documentation and it still won't work. The container does not stretch to fill the application element. Hence, it can not center the child elements correctly.\r\n\r\n### Reproduction Link\r\n<!-- Any issues without a reproduction link will be closed -->\r\nhttps://codepen.io/anon/pen/GvRpZK\r\n"}}
{"actor":{"display_login":"Ragura"}}