Vuetify: [v-select] with autocomplete, when positioned on top, should reduce items to the bottom

Created on 20 Oct 2017  路  4Comments  路  Source: vuetifyjs/vuetify

Steps to reproduce

  1. Go to the "selects" documentation page (https://vuetifyjs.com/components/selects).
  2. Place the v-select of the item #5 at the bottom of the browser screen.
  3. Type "ala"

Versions

Vuetify: 0.16.7
OS: Windows 10
Browsers: Chrome

What is expected ?

As you type, the list of available items should reduce to the bottom.

What is actually happening ?

The list keeps the same behavior as when it is positioned below the v-select,, reducing to the top. This causes a large white space to appear between the available items and the v-select element

Reproduction Link

Use the #5 item on the documentation page: https://vuetifyjs.com/components/selects
vuetify_issue

critical bug

Most helpful comment

I'll see if we can fit it in.

All 4 comments

+1. I see this issue with an autocomplete-select that's one of the last elements on a page...so the filtered items always appear _above_ the select input itself.

Will this issue be addressed in 1.0.0? At least alpha1 still has this bug.

I'll see if we can fit it in.

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord

Was this page helpful?
0 / 5 - 0 ratings

Related issues

cawa-93 picture cawa-93  路  3Comments

chriswa picture chriswa  路  3Comments

smousa picture smousa  路  3Comments

alterhu2020 picture alterhu2020  路  3Comments

dohomi picture dohomi  路  3Comments