{"action":"opened","issue":{"url":"https://api.github.com/repos/vuetifyjs/vuetify/issues/5048","repository_url":"https://api.github.com/repos/vuetifyjs/vuetify","labels_url":"https://api.github.com/repos/vuetifyjs/vuetify/issues/5048/labels{/name}","comments_url":"https://api.github.com/repos/vuetifyjs/vuetify/issues/5048/comments","events_url":"https://api.github.com/repos/vuetifyjs/vuetify/issues/5048/events","html_url":"https://github.com/vuetifyjs/vuetify/issues/5048","id":357518321,"node_id":"MDU6SXNzdWUzNTc1MTgzMjE=","number":5048,"title":"Glitches bottom navigation on ios","user":{"login":"Turkyden","id":24560160,"node_id":"MDQ6VXNlcjI0NTYwMTYw","avatar_url":"https://avatars2.githubusercontent.com/u/24560160?v=4","gravatar_id":"","url":"https://api.github.com/users/Turkyden","html_url":"https://github.com/Turkyden","followers_url":"https://api.github.com/users/Turkyden/followers","following_url":"https://api.github.com/users/Turkyden/following{/other_user}","gists_url":"https://api.github.com/users/Turkyden/gists{/gist_id}","starred_url":"https://api.github.com/users/Turkyden/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Turkyden/subscriptions","organizations_url":"https://api.github.com/users/Turkyden/orgs","repos_url":"https://api.github.com/users/Turkyden/repos","events_url":"https://api.github.com/users/Turkyden/events{/privacy}","received_events_url":"https://api.github.com/users/Turkyden/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-09-06T06:50:17Z","updated_at":"2018-09-06T06:50:17Z","closed_at":null,"author_association":"NONE","body":"You can use `<div>` instead of `<v-btn>` by change the tag of the slot of `<v-bottom-nav>`\r\n\r\n``` js\r\n<v-bottom-nav fixed :value=\"true\" :active.sync=\"activeIndex\">\r\n  <router-link v-for=\"item in items\" :key=\"item.id\" :to=\"item.link\">\r\n    <div class=\"my-bottom-nav-btn\" v-ripple>\r\n      <span v-text=\"item.text\"></span>\r\n      <v-icon v-text=\"item.icon\"></v-icon>\r\n    </div>\r\n  </router-link>\r\n</v-bottom-nav>\r\n```\r\n``` css\r\n.my-bottom-nav-btn{ \r\n    height: 100%; \r\n    color: #fff;\r\n    opacity: 0.5; \r\n    display: flex; \r\n    align-items:center; \r\n    justify-content: center;\r\n    flex-direction:column-reverse; \r\n    max-width: 168px;\r\n    min-width: 80px;\r\n    font-weight: 400;\r\n    padding: 8px 12px 10px;\r\n}\r\n.router-link-active .sv-bottom-nav-btn{ opacity: 1 !important; }\r\n```"}}
{"actor":{"display_login":"Turkyden"}}