Menu-like behavior #16
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR implements changes according to #15
v-autocomplete
, although some styling props likedensity
,single-line
ormin-width
are set by the plugin itself.v-menu
, that has thev-autocomplete
as thetarget
, but noactivator
, so we still have full control.Vuetify
detaches menus from the DOM, and uses<teleport>
to "attach" them back to the location of their target, which makes them appear over any other element, even when used in a navigation bar withoverflow: hidden
, like in the example application.v-list-item
, but there is still a well-known bug in vuetify that throws warnings for nodes with duplicate IDs inside av-virtual-scoll
element.