Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

MultiSelect: width overflow with VirtualScroller #6782

Open
mfrro opened this issue Nov 13, 2024 · 0 comments
Open

MultiSelect: width overflow with VirtualScroller #6782

mfrro opened this issue Nov 13, 2024 · 0 comments
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible

Comments

@mfrro
Copy link

mfrro commented Nov 13, 2024

Describe the bug

When using VirtualScroller in the MultiSelect component with :virtualScrollerOptions="{ itemSize: 50}, the width of the overlay does not expand to the width of the content, causing a horizontal scrollbar to be shown.
This happens both on the initial show of the overlay, and when a wider item is scrolled into view.

Reproducer

https://stackblitz.com/edit/primevue-3-vite-ts-issue-template-m4tgdg?file=src%2FApp.vue

PrimeVue version

3.46.0

Vue version

3.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

MultiSelect items should look the same with or without VirtualScroller.
@mfrro mfrro added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Nov 13, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@mfrro