[BUG] - Select

[zMohammadz84]

NextUI Version

2.3.6

Describe the bug

When nothing is selected. The placeholder is not displayed . When using onChange .

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

When nothing is selected. The placeholder is not displayed . When using onChange .

Expected behavior

When the state associated with the select component is empty, the placeholder will be displayed, and when the user clicks on one of the select options and chooses, the placeholder will be hidden and what the user entered will be displayed.

Screenshots or Videos

No response

Operating System Version

Windows 11 Home V-23H2

Browser

Chrome

[linear]

ENG-880 [BUG] - Select

[wingkwong]

I couldn't reproduce the issue. Can you share some code / video for demonstrating the issue?

[zMohammadz84]

Recording.2024-05-23.152523.mp4

[wingkwong]

I think it was due to selectedKeys. filterBy is probably empty which is not the correct key and results in rendering an empty value.

[zMohammadz84]

I think it was due to selectedKeys. filterBy is probably empty which is not the correct key and results in rendering an empty value.

Yes, it is true that filterBy may be empty because the initial value is from searchParams. But the placeholder should be displayed when the state is empty. In the document itself, the placeholder is empty and is not displayed . Is there a solution ?

[ryo-manba]

For the controlled component, it seems that state.selectedItems becomes [] due to the following condition, which causes the placeholder not to be returned.

nextui/packages/components/select/src/select.tsx

Line 78 in fa26ce0

if (!state.selectedItems) return placeholder;

I'll fix this. Thank you for reporting the issue!

[zMohammadz84]

You're welcome
Thank You 🙏