[Vuejs]-Vue2 Leaflet map gets overlapped by bottom navigation and app bar

0👍

If anyone ever encounters the same problem in the future, here’s the code that solved the problem for me after almost 2 weeks of painful bug searching:

html,
body,
#app {
  width: 100%;
  height: 100%;
}
.v-application--wrap {
  min-height: 100% !important;
}

Copy this css code in your App.vue

If my answer is not clear enough, feel free to comment on it and I will try my best to help you!

Leave a comment