Good day. I rewrite the client part of the application (sharepoint 2010) from jQuery to vue 2.5 + vuetifyjs (the latest beta is currently used). When using the v-select component, I ran into the fact that the list for selection pops up anywhere, and not where needed. What am I doing wrong and how to fix it? Below is a sample code and screen. UPD: It seems to be a matter of locating an item by the library. If an element is drawn above the element's root boundary (#app), then it can be lowered to the upper boundary by removing the css property top. The element does not respond to other changes.

<v-flex> <v-select :items="[ { text: 'М', value: 'М' }, { text: 'Ж', value: 'Ж' } ]" v-model="indicators.IND_8_1" label="Пол" required bottom> </v-select> </v-flex> 

screen

    0