Skip to content

[Bug Report][2.6.3] v-autocomplete hide selected with many items does not show all items without scrolling #17085

Closed
Closed
[Bug Report][2.6.3] v-autocomplete hide selected with many items does not show all items without scrolling#17085
Assignees
KaelWD
Labels
C: VSelectT: bugFunctionality that does not work as intended/expected
Milestone
v2.6.x

Description

@whoptidoo
whoptidoo
opened on Apr 5, 2023

Environment

Vuetify Version: 2.6.3
Vue Version: 2.6.14
Browsers: Chrome 111.0.0.0
OS: Windows 10

Steps to reproduce

click the autocomplete and add all items in the list, notice that the actual list contains 40 items
and only 20 can be added before "no data available is displayed."

Expected Behavior

All items in the list should be possible to add this way.

Actual Behavior

All items are not available unless the user scrolls the dropdown before adding all items.

Reproduction Link

https://codepen.io/whoptidoo/pen/NWOKYLj?editors=101

Other comments

This example is from the Vuetify docks the only difference is a list of more than 20 items and hide-selected

Activity

  1. github-actions
    added
    S: triage
    on Apr 5, 2023
  2. KaelWD
    added
    T: bugFunctionality that does not work as intended/expected
    C: VSelect
    and removed
    S: triage
    on Jun 1, 2023
  3. KaelWD
    modified the milestones: v2.7.0 (Nirvana), v2.6.x on Jun 1, 2023
  4. KaelWD
    self-assigned this
    on Jun 1, 2023
  5. KaelWD
    added a commit that references this issue on Jun 1, 2023

    fix(VSelect): update lastItem when selection changes with hideSelected

    b121493
  6. github-actions
    closed this as completedon Jun 1, 2023

  7. creage commented on Jul 18, 2023

    @creage
    creage
    on Jul 18, 2023

    @KaelWD This change fails our tests

    TypeError: Cannot set properties of undefined (setting 'scrollTop')

      at node_modules/vuetify/dist/webpack:/Vuetify/src/components/VSelect/VSelect.ts:757:38
      at invokeTheCallbackFunction (node_modules/jsdom/lib/jsdom/living/generated/Function.js:19:26)
      at runAnimationFrameCallbacks (node_modules/jsdom/lib/jsdom/browser/Window.js:603:13)
      at Timeout._onTimeout (node_modules/jsdom/lib/jsdom/browser/Window.js:581:11)
  8. KaelWD
    added a commit that references this issue on Jul 20, 2023

    fix(VSelect): don't update scroll position if menu is closed

    c53b2f8
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

C: VSelectT: bugFunctionality that does not work as intended/expected

Type

No type

Projects

No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions