[Select] Select menu can't be closed by clicking away

[homerchen19]

Steps to reproduce

Link to live example: https://mui.com/base-ui/react-select/#introduction

Steps:

1. Add value="" to the <Select> component

Current behavior

• The Select menu can't be closed by clicking away if its value prop doesn't match any option's value
• Selecting an option can close the menu though

Expected behavior

• The Select menu can be closed by clicking away even if its value prop doesn't match any option's value

Context

No response

Your environment

"@mui/base": "5.0.0-beta.36"

Search keywords: Select

[mj12albert]

@homerchen19 Thanks for reporting this - I thought it may be because you set both defaultValue and value in your screenshot, but I can reproduce it with an out of range value (no defaultValue)

Just for comparison: clickaway works correctly with an out of range value in Material UI's Select (demo)

<Select value="abc" label="Age">
  <MenuItem value={10}>Ten</MenuItem>
  <MenuItem value={20}>Twenty</MenuItem>
</Select>

[homerchen19]

JFYI, I noticed this bug after installing version "5.0.0-beta.29" which contains this PR

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

@homerchen19 How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.