Button text is not being updated

[anshumansworld]

After selecting an option button text should be changed. It always shows Select an option

<v-selectmenu v-model="state.selectedChatFilter"
                          :regular="true"
                          :data="chatFilters"></v-selectmenu>

chatFilters: [
    {name: 'Active Chats', id: 'activeChats', content: 'Active Chats'},
    {name: 'Closed Chats', id: 'closedChats', content: 'Closed Chats'},
    {name: 'All Chats', id: 'allChats', content: 'All Chats'}
]
selectedChatFilter = 'activeChats'

Also if I remove key content from list, text (Active Chats/Closed Chats/All Chats) is not being displayed in options

[TerryZ]

Please try upload your code to codepen, jsfiddle or jsbin.

[anshumansworld]

Here is the stackblitz url: https://stackblitz.com/edit/vue-czssb2

[TerryZ]

You are using regular menu mode, the button plain text will not change in that mode and menu item can 't be selected.

Use advanced mode and close search bar maybe is what you want.

<v-selectmenu v-model="selectedChatFilter"  
                :query="false"  
                :data="chatFilters">
</v-selectmenu>

[anshumansworld]

Any option in advance mode to hide header in dropdown?

[TerryZ]

No way to close header in advanced mode so far. In future release can set :title="false" to close.