primevue icon indicating copy to clipboard operation
primevue copied to clipboard

MultiSelect: width overflow with VirtualScroller

Open mfrro opened this issue 3 months ago • 0 comments

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 avatar Nov 13 '24 15:11 mfrro