Skip to content
This repository was archived by the owner on Jun 28, 2026. It is now read-only.

Select group label renders above option items when virtualScroller is enabled #235

Description

@m-prang

When using the select component with grouped options and virtualScroll, group labels with long text content wrap onto multiple lines and render above the option items.

Reproduction:
StackBlitz: https://stackblitz.com/edit/4tftrehq-9zi7sdja

Steps to reproduce:

  1. Use a select with group=true
  2. Enable virtualScroll and set a virtualScrollItemSize
  3. Create options and include group label with a long string
  4. Run and open the dropdown

Expected Behavior:
Behaves the same as long string in select options and remain on single line. Horizontal scrolling should occur if needed.

PrimeUIX:
2.0.2

Possible Fix:
Add the style white-space: nowrap for the class .p-select-option-group-label

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: Needs TriageIssue will be reviewed by Core Team and a relevant label will be added as soon as possible

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions