Text field from Vuetify has no underline

Question

I am trying to use vuetify's text field. It looks like this:

After applying focus it looks like this:

I have read this this, but my app IS wrapped in v-app. Is there anything else I could try?

HINT: Dark theme doesn't work for me as well,but for example, I can use classes like "red", "text--red", to apply colors.

Proof, that there is v-app involved below:

EDIT: I tried to wrap it with v-content as well, but it didn't help.

<v-app>
  <v-content>
    <router-view></router-view>
  </v-content>
</v-app>

Answer 1

unpkg.com links to the latest version of vuetify, which is currently 0.17.0. To use 0.16.9 css from unpkg you have to use this link: https://unpkg.com/vuetify@0.16.9/dist/vuetify.min.css

Answer 2

In my case the fix was to add margin-bottom 1px to the input element. Hope it helps.

Answer 3

I fixed it by removing

<link href="https://unpkg.com/vuetify/dist/vuetify.min.css" rel="stylesheet">

from index.html, and adding

import '../node_modules/vuetify/dist/vuetify.min.css';

to main.js file.

Dunno why it worked though.