When using the Base UISelect with large option lists, scrolling inside the popup caused the content to visually jump/move. This happened consistently when the popup height was constrained.

Root cause

The issue was caused by using a dynamic height (max-h-(--available-height)) on the Select popup.
Base UI recalculates--available-height while scrolling, which triggers continuous repositioning of the popup via the Positioner.

Solution

Removed the dynamic max-height from the Select popup to prevent layout recalculation during scroll.
This stabilizes the popup position and eliminates the jumping behavior for large lists.

Notes

This appears to be a Base UI positioning behavior rather than a consumer misuse.
Removing the height constraint avoids the feedback loop between scroll, layout, and repositioning.
A more robust fix may belong upstream in Base UI.

Testing

Verified scrolling behavior with large option lists
Popup position remains stable during scroll

fix(select): prevent popup jumping when scrolling large lists

7c84149

Copy link

Contributor

vercelbot commentedDec 16, 2025

@Hamed-Ajaj is attempting to deploy a commit to theshadcn-pro Team onVercel.

A member of the Team first needs toauthorize it.

Copy link

ContributorAuthor

Hamed-Ajaj commentedDec 16, 2025

It's a base ui positioner problem with max-heigh.

anymax-heigh will cause this problem

Labels

None yet

Movatterモバイル変換

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

fix(select): prevent popup jumping when scrolling large lists#9112

Are you sure you want to change the base?

fix(select): prevent popup jumping when scrolling large lists#9112

Conversation

Hamed-Ajaj commentedDec 16, 2025•
edited
Loading

Uh oh!