question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Feature Request] v-select should expose attributes/slot for v-list

See original GitHub issue

Problem to solve

I use custom item slot for v-autocomplete and my items are too dense. I can’t fix that with props. v-autocomplete uses v-select. v-select uses v-text-field and v-menu. v-menu is mounted globally so I cannot cascade styling by adding parent class/style.

Exposing props would allow user to use such props like subheader, two-line and three-line for v-list container used in v-menu (only dense prop is exposed, other props might be exposed via Colorable and Themeable mixins, but this is not tested).

Exposing slot would allow users to customise container looks. This also means that user can add classes to customise children looks. Enforcing something is a bad thing, right?

Proposed solution

  • Expose slot for v-list in v-select;
  • Expose attributes for v-list in v-select:
    • All of them (props, classes, events etc.);
    • It could be done by adding prop (i.e. list-attributes) that is spread into v-list before other attributes;
  • Update slots documentation, because currently it’s wrong:
    • append-item and prepend-item are missing;
    • append and prepend are using description that should be used for append-item and prepend-item.

Issue Analytics

  • State:open
  • Created 5 years ago
  • Reactions:10
  • Comments:8 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
KaelWDcommented, Jul 19, 2021

perhaps it should be a default behavior if the select component is dark

This was intentional, a common use case is to have a darker background but without affecting the menu: https://vuetifyjs.com/en/components/autocompletes/#item-and-selection

0reactions
varnacommented, Nov 22, 2021

I need this feature again 😄

This time I want to change the style of v-autocomplete list items from dense to normal. But you can’t pass props to the v-list 😄

Read more comments on GitHub >

github_iconTop Results From Across the Web

No results found

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found