Vuetify: Not see entered value v-select with option 'autocomplete'

Created on 18 Aug 2017  路  6Comments  路  Source: vuetifyjs/vuetify

Steps to reproduce

  1. Reduce the window so that there is not enough space for the entire list from the bottom
  2. 小lick to v-select
  3. Start input

Versions

0.14.11

What is expected ?

I see the value entered

What is actually happening ?


I do not see the value entered

Reproduction Link

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

bug enhancement

Most helpful comment

Menu is still hovers above input if 'hide-details' attribute is used. Like in:
https://codepen.io/anon/pen/rzJLPb

All 6 comments

This seems like a menu positioning issue: From investigating it myself yesterday. I found that the current positioning of the menu does not comply with how material design autocomplete should work. I commented on the previous fix as it does not solve the problem. I also have an (incomplete) fix which currently disables the yOverflow check if autocomplete is "on" and ensures nudgeTop is zero when using autocomplete. this in itself is closer to the expected behavior but still does not comply with angular's own positioning as seen on:
https://material.angularjs.org/latest/demo/autocomplete

TLDR:

  1. textfield(select) should never be hidden by the autocomplete results
  2. if results overflow page bottom, autocomplete results should be shown ABOVE the textfield(select)
  3. if no room is available above for showing the autocomplete results, the max-height should be adjusted to accomodate for the max number of tiles above the textfield(select)

This is also happening when I add 'hide-details' prop to component: https://codepen.io/anon/pen/rzJLPb

This is something I started the foundation for last night, should be easy enough.

This was fixed as part of #1408. Also made some great improvements to keyboard support and functionality for v-select with the autocomplete prop.

Menu is still hovers above input if 'hide-details' attribute is used. Like in:
https://codepen.io/anon/pen/rzJLPb

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

KuroThing picture KuroThing  路  3Comments

aaronjpitts picture aaronjpitts  路  3Comments

efootstep picture efootstep  路  3Comments

paladin2005 picture paladin2005  路  3Comments

milleraa picture milleraa  路  3Comments