Vuetify: v-select doesn't show the 'No data available' tile when items is empty

Created on 8 Oct 2017  路  11Comments  路  Source: vuetifyjs/vuetify

Steps to reproduce

Open the select

Versions

v0.16.3

What is expected ?

A disabled tile should be shown with the text 'No data available'

What is actually happening ?

No menu is shown at all

Reproduction Link

https://codepen.io/anon/pen/bovVOO?editors=1010

bug

Most helpful comment

Same problem here in v1.0.0-beta.5. The no-data scope don't shows up when the items attribute is empty ([]).

All 11 comments

v0.17.3 also has this bug, not yet fixed

The fix for this was reverted in c89ac1034f720d2483fb331412b6331f3f24fdf0

Can this be fixed by changing the display logic to something like this?

  menuIsVisible () {
      return this.menuIsActive &&
        (!this.isAutocomplete || this.computedItems.length > 0) &&
        (!this.isAnyValueAllowed || this.filteredItems.length > 0)
    },

From what I could see, the reason that the fix was reverted (https://github.com/vuetifyjs/vuetify/commit/c89ac1034f720d2483fb331412b6331f3f24fdf0) was specific to autocomplete selects.

I'm still having this problem in 0.17.6 where selects with and without autocomplete don't show No Data Available when the items array is empty.

Same problem here in v1.0.0-beta.5. The no-data scope don't shows up when the items attribute is empty ([]).

Thank god I found this, I thought I had the wrong usage.

Same problem in v1.0.0-beta.5, specifically with async autocomplete.
Searching with no results shows nothing.
Once a result is finally hit, it will show a 'No Data Available,' but this shows immediately and not only once the search has been complete. Also, it does not use the no-data slot.

https://codepen.io/anon/pen/BYLZWE?&editors=101

Hey guys, is there any workaround for this issue, or plan to either fix or alternatively remove no-data slot from the documentation?

This seems to have been fixed in 1.1: https://codepen.io/anon/pen/VxBaWy?editors=1010

item = [0, 1, 2];
The label is empty if the value is 0

Open a new issue please, that's got nothing to do with this.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

dschreij picture dschreij  路  3Comments

itanka9 picture itanka9  路  3Comments

sebastianmacias picture sebastianmacias  路  3Comments

ricardovanlaarhoven picture ricardovanlaarhoven  路  3Comments

paladin2005 picture paladin2005  路  3Comments