search

buefy / nuxt-buefy

Nuxt Buefy
MIT License
223 stars 32 forks source link

b-navbar-item in mobile menu does not navigate when clicked - nuxt-link does not cover #65

Closed richardboydnz closed 4 years ago

richardboydnz commented 4 years ago

The UI of the navbar appears to accept the click - but does not activate the contained nuxt-link.

From create-nuxt-app with buefy option - it generates the following inside layouts/default.vue:

          <nuxt-link
            :to="item.to"
            exact-active-class="is-active"
          >
            <b-icon :icon="item.icon" />
            {{ item.title }}
          </nuxt-link>
        </b-navbar-item>

This doesn't work unless we put on this:

.navbar-item > a:only-child {
  display: block;
  width: 100%;
}
jtommy commented 4 years ago

Try setting 'nuxt-link' to tag prop of navbar item